/****************************************************************************
 * Links
 ****************************************************************************/
a, a:visited {
    color: inherit;
    -webkit-transition: color .25s ease;
    -moz-transition: color .25s ease;
    -ms-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease;
}
a:hover, a:focus {
    color: inherit;
}

.content a:not(.button),.content a:not(.button):visited {
    text-decoration: underline;
}


a:focus {
    outline: 0.125rem solid rgba(0,0,0,0.1);
}

/****************************************************************************
 * Buttons
 ****************************************************************************/
.button, .button:visited{
    padding: 0.625rem 1.5rem;
    background-color: transparent;
    border: solid 1px currentColor;
    /*color: #010302;*/
    color: currentColor;
    border-radius: 3rem;
}

.button.active,
.button:hover,
.button:focus {
    background-color: #010302;
    color: #ffffff;
    border-color: #010302;
}

.black_bg .button.active,
.black_bg .button:hover,
.black_bg .button:focus {
    background-color: #ffffff;
    color: #010302;
    border-color: #ffffff;
}


.button-group {
    margin-top: 2rem;
}