input[type=button], 
input[type=submit],
.btn,
.btn:link,
.btn:visited,
button{
    font-size: var(--navigation);
    color: var(--black);
    font-weight: 400;
    text-align: center;
    line-height: normal;
    text-transform: uppercase;
    
	position: relative;
    z-index: 2;
    display: inline-block;
    cursor: pointer;
    padding: var(--small-margin) var(--medium-margin);
    margin-bottom: 0;
    background-color: var(--white);
    overflow: hidden;
	
    border:1px solid var(--white);
	
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

.btn.btn-outline{
    color: var(--white);
    border:1px solid var(--white);
    background-color: transparent;
}

.btn.btn-outline:hover,
.btn.btn-outline:active,
.btn:hover,
.btn:active,
button:hover,
button:active{
    color: var(--white);
    background: var(--hover);
    background-color: var(--very-dark-gray);
    border:1px solid var(--hover);
    text-decoration: none;
}

.btn:after,
.btn:hover:after{
    border-bottom: none;
}

.btn.btn-outline:focus,
input[type=button]:focus, 
input[type=submit]:focus,
button:focus,
.btn:focus{
    outline: 1px solid var(--active);
    outline-offset: 1px;
}