/* ==========================================================================
   ALBINI E CASTELLI — Buttons
   ========================================================================== */

/* ==========================================================================
   PULSANTE — the "label + arrow" link. Figma 177:2542 / 177:2549 / 2001:2833
   Box is 133x22: label, 13px gap, 21px arrow. Default red, hover tortora.
   ========================================================================== */
.aec-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--arrow-gap);
  height: var(--lh-micro);
  font-weight: var(--fw-micro);
  font-size: var(--fs-micro);
  line-height: var(--lh-micro);
  text-transform: uppercase;
  color: var(--c-accent);
  white-space: nowrap;
  transition: color var(--dur) var(--ease);
}
.aec-btn .icon-arrow { transition: transform var(--dur) var(--ease); }
.aec-btn:hover { color: var(--c-text-muted); }              /* = Variant2 */
.aec-btn:hover .icon-arrow { transform: translateX(4px); }

/* On dark or red bands the label is white and stays white. */
.aec-btn--invert { color: var(--c-text-invert); }
.aec-btn--invert:hover { color: var(--c-text-invert); opacity: .85; }