/* =====================================================
   Swiss Mountains - Buttons
===================================================== */

.sm-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:16px 34px;

    background:var(--sm-secondary);

    color:#fff;

    border:none;

    border-radius:999px;

    text-decoration:none;

    font-size:16px;
    font-weight:700;
    line-height:1;

    cursor:pointer;

    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

}

.sm-btn:hover{

    background:#a61f1f;

    color:#fff;

    transform:translateY(-2px);

    box-shadow:0 12px 24px rgba(198,40,40,.25);

}

.sm-btn:focus{

    outline:none;

}

.sm-btn:focus-visible{

    outline:3px solid rgba(13,59,102,.25);

    outline-offset:3px;

}

/* =====================================================
   Mobile
===================================================== */

@media (max-width:768px){

    .sm-btn{

        display:flex;

        width:100%;

        padding:14px 22px;

        font-size:15px;

    }

}