:root {
    --bg: #0b0c0e;
    --fg: #ffffff;
    --muted: #98a2b3;
    --line: #1f232a;
    --blue: #1293f7;
    --blue-soft: #7bc3ff;
    --ink: #0a0c11;
}

/* контейнер */
.vA {
    --w: 180px;   /* ширина переключателя */
    --h: 40px;    /* высота переключателя */
    position: relative;
    width: var(--w);
    height: var(--h);
    border-radius: 999px;
    padding: 4px; /* внутренний отступ */
    border: 2px solid transparent;
    display: flex;
    gap: 6px;
    align-items: center;
    overflow: hidden;

    /* фон + неоновый бордер (белый/синий) */
    background:
      linear-gradient(130deg, var(--ink) 0%, var(--ink) 60%) padding-box,
      conic-gradient(from var(--ang,130deg), #ffffff, var(--blue), #ffffff, var(--blue)) border-box;
    box-shadow: 0 0 0 2px rgba(123, 195, 255, .06) inset;

    animation: spin 3.2s linear infinite;
}

/* непрерывный перелив бордера */
@property --ang {
    syntax: '<angle>';
    inherits: false;
    initial-value: 130deg;
}
@keyframes spin {
    to { --ang: 490deg }
}

.vA:hover {
    box-shadow: 0 0 0 2px rgba(123, 195, 255, .06),
                0 0 40px rgba(123, 195, 255, .10) inset;
    filter: drop-shadow(0 10px 18px rgba(18, 147, 247, .12));
}

/* пилюля */
.vA .pill {
    position: absolute;
    top: 4px;
    left: 4px;
    height: calc(100% - 8px);
    width: calc(50% - 4px);
    border-radius: 999px;
    background: #ffffff;
    box-shadow:
        0 2px 12px rgba(0, 0, 0, .35),
        0 0 0 1px rgba(255, 255, 255, .75) inset,
        0 0 30px rgba(18, 147, 247, .25);
    transition: transform .35s cubic-bezier(.2,.8,.2,1);
}

/* положение для EN */
.vA[data-lang='en'] .pill {
    transform: translateX(100%);
}

/* ссылки внутри */
.vA a {
    flex: 1;
    height: 100%;
    border: 0;
    background: transparent;
    font-weight: 900;
    letter-spacing: .6px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9fb0c2;
    text-decoration: none;
    position: relative;
    z-index: 1;
}

.vA[data-lang='ru'] .btn-ru,
.vA[data-lang='en'] .btn-en {
    color: #0b1014;
}