/* Общий материал кнопок ANODHAS VPN: янтарная грань, тёмная глубина, читаемый текст. */
body :is(button, a.button, a.action, a.journey-action, a.header-login, .desktop-nav a, .workspace-sidebar-action a, .mobile-menu summary, .mobile-menu-panel a) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #a96d26;
  border-radius: 12px;
  background-color: #2b2117;
  background-image:
    radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 0%), rgb(255 232 182 / .24), transparent 65%),
    linear-gradient(160deg, rgb(255 203 112 / .19), rgb(47 33 21 / .8) 40%, rgb(19 17 16 / .93));
  color: #fff2d8;
  box-shadow: inset 0 1px 0 rgb(255 235 191 / .55), inset 0 -2px 0 rgb(98 51 14 / .75),
    0 3px 0 #4f2c12, 0 9px 19px rgb(0 0 0 / .35);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

body .header-login { padding-inline: 14px; }
@media (max-width: 420px) { body .header-login { padding-inline: 6px; } }

body :is(button, a.button, a.action, a.journey-action, a.header-login, .desktop-nav a, .workspace-sidebar-action a, .mobile-menu summary, .mobile-menu-panel a)::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(circle at var(--press-x, 50%) var(--press-y, 50%),
    rgb(255 246 215 / .43), rgb(255 177 62 / .16) 28%, transparent 66%);
  opacity: 0;
  transform: scale(.78);
}

body :is(button, a.button, a.action, a.journey-action, a.header-login, .desktop-nav a, .workspace-sidebar-action a, .mobile-menu summary, .mobile-menu-panel a):is(:hover, :focus-visible):not(:disabled, [aria-disabled="true"]) {
  border-color: #ffd18a;
  box-shadow: inset 0 1px 0 rgb(255 246 220 / .75), inset 0 -2px 0 rgb(136 73 21 / .9),
    0 4px 0 #65401d, 0 11px 25px rgb(0 0 0 / .4), 0 0 18px rgb(245 161 58 / .16);
}

body :is(button, a.button, a.action, a.journey-action, a.header-login, .desktop-nav a, .workspace-sidebar-action a, .mobile-menu summary, .mobile-menu-panel a):is(.is-pressed, :active):not(:disabled, [aria-disabled="true"]) {
  border-color: #ffe1aa;
  background-color: #51341d;
  box-shadow: inset 0 3px 8px rgb(37 18 5 / .7), inset 0 0 0 1px rgb(255 209 135 / .5),
    0 1px 0 #4f2c12, 0 4px 9px rgb(0 0 0 / .32);
  transform: translateY(3px) scale(.985);
}

body :is(button, a.button, a.action, a.journey-action, a.header-login, .desktop-nav a, .workspace-sidebar-action a, .mobile-menu summary, .mobile-menu-panel a).is-pressed::after {
  opacity: 1;
  transform: scale(1);
}

body :is(.button-primary, .action-primary, .workspace-sidebar-action a, .journey-action) {
  border-color: #ffd28a;
  background-color: #e99a35;
  background-image: radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 0%), rgb(255 249 224 / .58), transparent 60%),
    linear-gradient(160deg, #ffcf7c, #f2a940 45%, #bd711f);
  color: #211406;
  box-shadow: inset 0 1px 0 #fff0ce, inset 0 -2px 0 rgb(119 58 9 / .72),
    0 3px 0 #724218, 0 10px 22px rgb(0 0 0 / .38);
}

body :is(.button-primary, .action-primary, .workspace-sidebar-action a, .journey-action):is(:hover, :focus-visible):not(:disabled, [aria-disabled="true"]) {
  color: #180f06;
  border-color: #fff0c8;
  box-shadow: inset 0 1px 0 #fff9e9, inset 0 -2px 0 rgb(129 67 14 / .75),
    0 4px 0 #815020, 0 12px 26px rgb(0 0 0 / .4), 0 0 21px rgb(245 161 58 / .28);
}

body :is(.button-primary, .action-primary, .workspace-sidebar-action a, .journey-action):is(.is-pressed, :active):not(:disabled, [aria-disabled="true"]) {
  color: #180f06;
  background-color: #dc852a;
}

body button[aria-current="page"], body button[aria-pressed="true"], body .method-button.is-active {
  border-color: #ffd08a;
  background-color: #5b3a1e;
  color: #fff1d5;
}

body button:disabled, body .button-disabled, body [aria-disabled="true"] {
  opacity: .58;
  cursor: not-allowed;
  box-shadow: inset 0 1px 0 rgb(255 235 191 / .18);
}

body :is(button, a.button, a.action, a.journey-action, a.header-login, .desktop-nav a, .workspace-sidebar-action a, .mobile-menu summary, .mobile-menu-panel a):focus-visible {
  outline: 3px solid #fff0c4;
  outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body :is(button, a.button, a.action, a.journey-action, a.header-login, .desktop-nav a, .workspace-sidebar-action a, .mobile-menu summary, .mobile-menu-panel a) {
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
  }
  body :is(button, a.button, a.action, a.journey-action, a.header-login, .desktop-nav a, .workspace-sidebar-action a, .mobile-menu summary, .mobile-menu-panel a)::after {
    transition: opacity .2s ease, transform .2s ease;
  }
}

@media (prefers-reduced-motion: reduce) {
  body :is(button, a.button, a.action, a.journey-action, a.header-login, .desktop-nav a, .workspace-sidebar-action a, .mobile-menu summary, .mobile-menu-panel a),
  body :is(button, a.button, a.action, a.journey-action, a.header-login, .desktop-nav a, .workspace-sidebar-action a, .mobile-menu summary, .mobile-menu-panel a)::after {
    animation: none !important;
    transition: none !important;
  }
  body :is(button, a.button, a.action, a.journey-action, a.header-login, .desktop-nav a, .workspace-sidebar-action a, .mobile-menu summary, .mobile-menu-panel a):is(.is-pressed, :active) {
    transform: none;
  }
}