@charset "UTF-8";
input[type=submit],
.btn,
.button,
button{
    color: var(--black) !important;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.0275em;
	
	height: 40px;
    display: inline-block;
    cursor: pointer;
    padding: 0.375em 1.75em 0;
    margin-bottom: 0;
    background-color: var(--blue);
    position: relative;
	
    -webkit-appearance: none;
    border: 1px solid var(--blue);
    -webkit-border-radius: 8px;
    -moz-border-radius:  8px;
    border-radius:  8px;
	
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}


.btn-pink{
    color: var(--white) !important;
    background-color: var(--pink);
    border: 1px solid var(--pink);

}


input[type=submit]:visited,
.btn:visited,
.btn:link,
.button:visited,
.button:link {
    color: var(--white);
}

input[type=submit]:hover,
.btn:hover,
.button:hover,
.btn-white:hover,
.btn-white:active,
button:hover {
	color: var(--white) !important;
	background-color: var(--hover-color);
	border: 1px solid var(--hover-color);
	text-decoration: none;
}

.btn:active,
.button:active,
button:active{
    color: var(--black) !important;
    background-color: var(--light-pink);
    border: 1px solid var(--hover-color);
}

.btn:focus,
.button:focus,
button:focus {
    outline: 1px solid var(--pink);
    outline-offset: 1px;
    color: var(--black);
    background-color: var(--light-pink);
    border: 1px solid var(--hover-color);
}

@media only screen and (max-width: 1080px) {
    .btn,
    .button,
    button{
        font-size: 14px;
        padding: 0.7em 1.55em 0;
    }
}