/* reset */
button, a {
    all: unset;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    transition: all var(--trs-2) ease-in-out;
}

/* Базовые стили для кнопок */
:is(.bricks-button, button):not(.cls-btn,.swatch) {
    display:inline-flex;
    align-items:center;
    justify-content: center;
    color: var(--btn-txt);
    background: var(--btn-bg);
    padding: var(--btn-gpm);
    border-radius: var(--btn-br);
    font-size: var(--btn-txt-sz);

    svg{
    width: var(--btn-ic-sz);
    aspect-ratio: 1;
    stroke-width: .1em;
    }

    @media (hover: hover) and (pointer: fine) {
        &:hover {
            --btn-txt: var(--btn-hvr-txt);
            --btn-bg: var(--btn-hvr-bg);
            scale: 1.03
        }
    }

    &:focus-visible {
        -webkit-appearance: none;
        -webkit-box-shadow: var(--btn-fcs);
        box-shadow: var(--btn-fcs);
        outline: none;
    }
}

.sty-sec {
    --btn-txt: var(--sec-btn-txt);
    --btn-bg: var(--sec-btn-bg)
}

.sty-sec2 {
    --btn-txt: var(--u_d-btn-txt);
    --btn-bg: var(--u_d-btn-bg)
}

/* Базовые стили для ссылок */
a:not(#logos,.bricks-button, :is(.no-link-s,.brxe-post-sharing) a) {
    display: inline-block;
    color: var(--link);

    &:is(:hover, :focus-visible ) {
    color: var(--link);
    text-decoration: underline;
    text-underline-offset: var(--n-m)}

    &:visited:not(.brxe-text-link, :is(.lang-item,.breadcrumbs) a)  {color: var(--link-vs)}
}

@scope (nav) {
    a:not(#logos,.bricks-button,#social-lnk a) {
        color: inherit;
        &[aria-current="page"] {text-decoration: underline;text-underline-offset: var(--n-m);text-decoration-color: var(--nav-link-atv-clr)}
    }
}

footer a:not(.no-link-s a), .cst-link{
        color: var(--txt)!important;
        &:is(:hover, :focus-visible) {color: var(--link)!important}
}

@media (width < 40em) {
    .bricks-button:not(.phone-btn) {width: 100%;text-wrap: nowrap}
    .phone-btn{--btn-gpm:var(--n-l);.brxe-text-basic{display:none}}
    footer a{width:100%}
}