.button-catalog {
    color: var(--text);
    text-decoration: none;
    background: #00bb66;
    border: 1px solid #00bb66;;
    border-radius: calc(var(--bdrs-xsmall) * var(--font-ratio) * 1px);
    transition: color var(--dur-normal), background-color var(--dur-normal);
    --text: #fff;
    --background: #00bb66;
    --border: #00bb66;
    --hv-text: #00bb66;
    --hv-background: #fff;
    --hv-border: #00bb66;
    position: relative;
    z-index: 1000;
    display: flex;
    gap: calc(10 * var(--font-ratio) * 1px);
    align-items: center;
    justify-content: space-between;
    padding: calc(12 * var(--font-ratio) * 1px) calc(16 * var(--font-ratio) * 1px);
    font-weight: var(--fw-semi-bold);
}

.button-catalog:hover {
    color: var(--hv-text);
    background-color: var(--hv-background);
    border-color: var(--hv-border);
}

@media screen and (max-width: 980px) {
    .l-navigation__cv .button-catalog {
        display: none;
    }
    .onlysp .button-catalog {
        display:flex;
        margin-bottom: 12px;
    }
}