/***************************************************************************
* 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;
}

a:focus {
    outline: 0.125rem solid rgba(0,0,0,0.1);
}
/*
p  a:not(.button),p a:not(.button):visited {
    text-decoration: underline;
    text-underline-offset:2px;
}*/

/***************************************************************************
* Buttons
****************************************************************************/
.button, .button:visited{
    padding: 0.875rem 2.5rem;
    background-color: var(--typo-primary-color);
    color: #FFFFFF; text-transform: uppercase;
    border-radius: 3rem; font-size: 0.875rem;
    font-weight: 400;
}

.gradient_bg .button,
.button.invert {
    background-color: #ffffff;
    color: var(--typo-primary-color);
}

.gradient_bg .button:hover,
.gradient_bg .button:focus,
.button.invert:hover {
    background-color: #e4eaf4;
    color: var(--typo-primary-color);
}


.button:hover,
.button:focus {
    background-color: var(--typo-secondary-color);
    color: #FFFFFF;
}