.sn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 22px;
    border: none;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease;
}

.sn-btn:hover {
    transform: translateY(-2px);
    text-decoration: none;
}

.sn-btn--white {
    background: #ffffff;
    color: #4f6f58;
}

.sn-btn--white:hover {
    background: #f5f5f5;
    color: #4f6f58;
}

.sn-btn--green {
    background: #6f8f74;
    color: #ffffff;
}

.sn-btn--green:hover {
    background: #5f7f64;
    color: #ffffff;
}