@charset "UTF-8";

/*
|--------------------------------------------------------------------------
| BUTTONS
| https://getcssscan.com/css-buttons-examples?ref=beautifulboxshadow-bottom
|--------------------------------------------------------------------------
*/

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--gray-03);
    cursor: pointer;
    transition: all 0.25s ease-out;
    color: var(--gray-09);
    background-color: var(--gray-03);
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1rem;
    letter-spacing: .2rem;
    font-weight: 400;
    font-size: 1.2rem;
    height: 3.8rem;
    padding: 0 3.0rem;
    border-radius: 4px;
    width: 100%;
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: black;
    background-color: var(--gray-02);
    border: 1px solid var(--gray-04);
    outline: 0;
}