/***************************************************************************
* Links
****************************************************************************/
a, a:visited {
    color: inherit;
    transition: color .25s ease;
}
a:hover, a:focus {
    color: inherit;
}

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

/***************************************************************************
* Buttons
****************************************************************************/
.button, .button:visited{
    padding: 0.625rem 1.5rem;
    background-color: var(--typo-color-blue);
    color: #FFFFFF;
    border-radius: 0.6875em;
}

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

.button.orange_button,
.button.orange_button:visited {
	background-color: #FF854C;
}

.button.orange_button:hover,
.button.orange_button:focus {
	background-color: #C55D2D;
}


.blue_bg .button:not(.orange_button),
.blue_bg .button:not(.orange_button):visited {
    background-color: var(--typo-color-blue);
	border:solid 1px currentcolor;
}

.blue_bg .button:not(.orange_button):hover,
.blue_bg .button:not(.orange_button):focus {
    background-color: #ffffff;
	border:solid 1px #ffffff;
	color:  var(--typo-color-blue);
}


.share_link {
    margin: 0 0.5rem;
    transform: translatey(25%);
    display: inline-block;
}