/* Buttons. */
.amx-btn { display: inline-flex; align-items: center; gap: var(--amx-space-2); padding: 12px 20px; border-radius: var(--amx-radius); border: 1px solid transparent; font-size: 16px; line-height: 24px; font-weight: 500; text-decoration: none; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
.amx-btn--primary { background: var(--amx-blue); color: #fff; }
.amx-btn--primary:hover { background: var(--amx-navy); color: #fff; }
.amx-btn--ghost { background: transparent; color: var(--amx-navy); border-color: var(--amx-line); }
.amx-btn--ghost:hover { border-color: var(--amx-blue); color: var(--amx-blue); }

/* Text button with its separate arrow tile. */
.amx-arrow-btn { display: inline-flex; align-items: stretch; gap: 8px; max-width: 100%; color: #fff; font-size: 16px; line-height: 26px; font-weight: 500; text-decoration: none; }
.amx-arrow-btn__label, .amx-arrow-btn__icon { display: flex; align-items: center; min-height: 50px; background: var(--amx-blue); border-radius: var(--amx-radius); transition: background-color .2s ease; }
.amx-arrow-btn__label { padding: 8px 22px; }
.amx-arrow-btn__icon { flex: none; justify-content: center; width: 46px; }
.amx-arrow-btn:hover { color: #fff; }
.amx-arrow-btn:hover .amx-arrow-btn__label, .amx-arrow-btn:hover .amx-arrow-btn__icon { background: var(--amx-navy); }
.amx-network .amx-arrow-btn:hover .amx-arrow-btn__label, .amx-network .amx-arrow-btn:hover .amx-arrow-btn__icon { background: var(--amx-red); }
@media (max-width: 767px) {
  .amx-arrow-btn { font-size: 15px; }
  .amx-arrow-btn__label, .amx-arrow-btn__icon { min-height: 46px; }
  .amx-arrow-btn__label { padding: 8px 18px; }
  .amx-arrow-btn__icon { width: 44px; }
}