/* SPDX-License-Identifier: AGPL-3.0-or-later */
/* Estilo común de acción: referencia «Descubrir mi signo». */
:root {
  --button-start:#d4af37;--button-end:#e8c766;--button-ink:#2d1b4e;
  --button-border:#d4af37;--button-focus:#f2cf6b;
}
:root[data-theme="sol"] {
  --button-start:#b88228;--button-end:#e8c77c;--button-ink:#302313;
  --button-border:#b08138;--button-focus:#8b611d;
}
.btn-primary {
  position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  box-sizing:border-box;max-width:100%;min-height:54px;padding:14px 28px;
  border:1px solid var(--button-border);border-radius:999px;
  background:linear-gradient(135deg,var(--button-start),var(--button-end));color:var(--button-ink);
  font:700 15px/1.6 'Inter',system-ui,sans-serif;letter-spacing:.04em;text-align:center;text-decoration:none;
  text-shadow:0 1px 0 #fff5d259;box-shadow:0 8px 32px #d4af3740;
  cursor:pointer;touch-action:manipulation;vertical-align:middle;
  transition:transform .2s,box-shadow .2s;
}
.btn-primary::before {
  content:'';position:absolute;width:26px;height:4px;border-radius:999px;
  background:linear-gradient(90deg,#ffeb8c00 0%,#fff5c873 55%,#fffae1f2 88%,#fff 100%);
  filter:drop-shadow(0 0 4px #ffe68cf2) drop-shadow(0 0 10px #ffdc64bf) drop-shadow(0 0 20px #ffc85073);
  offset-path:inset(0 round 999px);offset-rotate:auto;
  animation:btn-comet-orbit 4.2s linear infinite;pointer-events:none;z-index:2;transition:opacity .25s;
}
.btn-primary::after {
  content:'';position:absolute;inset:-2px;border-radius:inherit;border:1.5px solid #fff0b4e6;
  box-shadow:0 0 8px #ffeb8cb3,0 0 18px #ffdc648c,0 0 32px #ffc85059,inset 0 0 14px #fffae166;
  opacity:0;transition:opacity .3s;pointer-events:none;z-index:1;
}
@keyframes btn-comet-orbit {to {offset-distance:100%}}
.btn-primary:hover:not(:disabled) {transform:translateY(-2px);box-shadow:0 12px 40px #d4af3766}
.btn-primary:hover:not(:disabled)::before {opacity:0}
.btn-primary:hover:not(:disabled)::after {opacity:1}
.btn-primary:focus-visible {outline:3px solid var(--button-focus);outline-offset:4px}
.btn-primary:disabled {opacity:.5;cursor:default;transform:none;box-shadow:none}
.btn-primary:disabled::before,.btn-primary:disabled::after {display:none}
.btn-primary.btn-compact {min-height:42px;padding:9px 18px;font-size:12px}
.btn-primary.btn-icon {width:42px;min-width:42px;height:42px;min-height:42px;padding:0;flex-shrink:0;font-size:22px;line-height:1}
.btn-primary.btn-icon::before {width:15px;height:3px}
.btn-primary.btn-choice[aria-pressed="false"] {box-shadow:none}
.btn-primary.btn-choice[aria-pressed="false"]::before {display:none}
.btn-primary.btn-choice[aria-pressed="true"] {box-shadow:0 0 0 2px var(--midnight),0 0 0 4px var(--button-focus),0 5px 18px #d4af374d}
:root[data-theme="sol"] .btn-primary {text-shadow:none;box-shadow:0 8px 25px #9b6e2633}
:root[data-theme="sol"] .btn-primary::before {opacity:.5}
:root[data-theme="sol"] .btn-primary:hover:not(:disabled)::before {opacity:0}
:root[data-theme="sol"] .btn-primary:disabled {box-shadow:none}
:root[data-theme="sol"] .btn-primary.btn-choice[aria-pressed="false"] {box-shadow:none}
:root[data-theme="sol"] .btn-primary.btn-choice[aria-pressed="true"] {box-shadow:0 0 0 2px var(--midnight),0 0 0 4px var(--button-focus),0 5px 18px #d4af374d}
@media(max-width:600px) {
  .planet-modes .btn-primary {padding:8px 10px;font-size:11px}
  .playback-heading .btn-primary {padding:8px 12px;font-size:11px}
  .playback-speed .btn-primary {padding:8px 10px;min-width:38px}
}
@media(prefers-reduced-motion:reduce) {
  .btn-primary,.btn-primary::before,.btn-primary::after {animation:none;transition:none}
  .btn-primary::before {display:none}
  .btn-primary:hover:not(:disabled) {transform:none}
}
@media print {.btn-primary::before,.btn-primary::after {display:none}}