.btn[data-v-1243010c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: var(--r-pill);
  font-family: inherit;
  font-weight: 700;
  text-decoration: none;
  transition:
    transform var(--t-fast) var(--ease),
    box-shadow var(--t-fast) var(--ease),
    background var(--t-fast) var(--ease);
}
.btn[data-v-1243010c]:active {
  transform: scale(0.95);
}

/* ---------- fills ---------- */
.btn-bright[data-v-1243010c] {
  color: var(--c-link);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.95) 100%);
  border: 1px solid var(--glass-edge-bright);
  box-shadow: var(--sh-primary), var(--glass-inner);
}
.btn-bright[data-v-1243010c]:hover {
  color: var(--c-link);
  box-shadow: var(--sh-primary-hover), var(--glass-inner);
}
.btn-glass[data-v-1243010c] {
  color: var(--c-primary-deep);
  background: rgba(255, 255, 255, 0.45);
  -webkit-backdrop-filter: var(--glass-blur-sm);
  backdrop-filter: var(--glass-blur-sm);
  border: 1px solid var(--glass-edge-bright);
  box-shadow: var(--sh-raise), var(--glass-inner);
}
.btn-glass[data-v-1243010c]:hover {
  color: var(--c-primary-deep);
  background: rgba(255, 255, 255, 0.68);
}
.btn-amber[data-v-1243010c] {
  color: #ffffff;
  background: linear-gradient(180deg, var(--c-amber-strong) 0%, var(--c-amber) 100%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: var(--sh-amber), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
.btn-amber[data-v-1243010c]:hover {
  color: #ffffff;
}

/* ---------- sizes ---------- */
.btn-sm[data-v-1243010c] {
  padding: 11px 22px;
  font-size: 14.5px;
}
.btn-md[data-v-1243010c] {
  padding: 15px 28px;
  font-size: 16px;
}
.btn-lg[data-v-1243010c] {
  padding: 17px 32px;
  font-size: 17px;
}