.catalog-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 28px;
    padding: 14px 24px;
    border: 1px solid #dfc187;
    background: #dfc187;
    color: #2c261f !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    font: 500 10px/1 Jost, sans-serif;
    letter-spacing: 2.2px;
    transition: color .28s ease, background-color .28s ease, border-color .28s ease, transform .28s ease;
}

.catalog-hero__button:hover,
.catalog-hero__button:focus-visible {
    border-color: #f9f5ec;
    background: transparent;
    color: #f9f5ec !important;
    transform: translateY(-2px);
}

.catalog-hero__button:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

@media (max-width: 720px) {
    .catalog-hero__button {
        min-height: 42px;
        margin-top: 22px;
        padding: 13px 20px;
        font-size: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .catalog-hero__button { transition: none; }
    .catalog-hero__button:hover { transform: none; }
}