.catalog-switch {
    display: inline-flex;
    gap: .3rem;
    margin-bottom: 1.25rem;
    padding: .3rem;
    border: 1px solid #d2dde0;
    border-radius: .75rem;
    background: #eaf0f2;
}

.catalog-switch a {
    padding: .65rem 1rem;
    border-radius: .5rem;
    color: #49666f;
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
}

.catalog-switch a:hover,
.catalog-switch a:focus-visible {
    color: #123b4a;
    background: rgba(255, 255, 255, .65);
}

.catalog-switch a.active {
    color: #fff;
    background: #123b4a;
    box-shadow: 0 .2rem .7rem rgba(18, 59, 74, .16);
}

@media (max-width: 480px) {
    .catalog-switch {
        display: flex;
        width: 100%;
    }

    .catalog-switch a {
        flex: 1;
        text-align: center;
    }
}