/* Button system */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:.9rem 1.6rem;
  border-radius:var(--radius-pill);
  font-weight:700;
  font-size:.95rem;
  letter-spacing:-.01em;
  white-space:nowrap;
  transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast),border-color var(--t-fast),color var(--t-fast);
}
.btn .icon{width:16px;height:16px;transition:transform var(--t-fast)}
.btn:hover .icon{transform:translateX(3px)}

.btn--primary{
  background:#fff;color:#04070D;
  box-shadow:0 10px 34px -16px rgba(255,255,255,.55);
}
.btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 40px -14px rgba(25,199,242,.6);
}

.btn--accent{
  background:var(--grad-cta);color:#02070E;
  box-shadow:0 14px 40px -18px rgba(25,199,242,.9);
}
.btn--accent:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 48px -16px rgba(25,199,242,1);
}

.btn--ghost{
  border:1px solid var(--color-border);
  color:#fff;
  background:rgba(255,255,255,.02);
  backdrop-filter:blur(8px);
}
.btn--ghost:hover{
  border-color:var(--color-border-strong);
  background:rgba(25,199,242,.08);
  transform:translateY(-2px);
}

/* Gutenberg buttons inherit the accent style */
.wp-block-button__link{
  border-radius:var(--radius-pill);
  font-weight:700;
  padding:.9rem 1.6rem;
}
.is-style-outline .wp-block-button__link{
  border:1px solid var(--color-border);
  background:transparent;
  color:#fff;
}