input[type=button], 
input[type=submit],
input[type=button], 
input[type=submit],
.btn,
.btn:link,
.btn:visited,
.button{
    font-family: "Libre Franklin", sans-serif;
    font-size: var(--navigation);
    color: var(--dark-gray);
    text-align: center;
    line-height: normal;
    font-weight: 200;
    text-transform: uppercase;

    overflow: hidden;
    position: relative;
    z-index: 2;
    display: inline-block;
    cursor: pointer;

    margin-bottom: 0;
    padding: var(--xxsmall-margin) var(--small-margin);
    
    border:none;
    background-color: var(--alt-gray);
    border-radius: var(--medium-border-radius);
    box-shadow: var(--drop-shadow-lg);

    transition: transform .25s, color .25s, background .25s;
    transform-origin: center;
}

.btn.btn-yellow{
    background: var(--yellow);
    color: var(--white);
}

.btn:hover,
.btn:active,
.btn.btn-yellow:hover,
.btn.btn-yellow:active{
    color: var(--white);
    background: var(--hover);
    text-decoration:none;
}

.btn.btn-yellow:hover{
    background: var(--bg-hover);
    color: var(--blue);
}

.btn:focus,
.button:focus{
    color: var(--green);
    background: var(--light-green);
    background-color: var(--light-green);
    text-decoration:none;
    transform: scale(1);

    border: 1px solid var(--green);
    outline-offset: 2px;
    outline: 2px solid var(--focus);
}


@media only screen and (max-width:720px) {

}