.mp-button { align-items: center; border: 1px solid transparent; border-radius: var(--mp-radius-control); cursor: pointer; display: inline-flex; font: 600 16px/1.4 var(--mp-font-body); justify-content: center; min-height: 44px; padding: .7rem 1.25rem; text-align: center; text-decoration: none; transition: background-color var(--mp-transition), border-color var(--mp-transition), color var(--mp-transition), transform var(--mp-transition); }
  .mp-button--primary { background: var(--mp-color-gold); color: var(--mp-color-white); }
  .mp-button--green { background: var(--mp-color-green); color: var(--mp-color-white); }
  .mp-button--outline { background: transparent; border-color: var(--mp-color-green); color: var(--mp-color-green); }
  .mp-button--text { background: transparent; color: var(--mp-color-green); padding-inline: .25rem; }
  .mp-button:hover { background: var(--mp-color-green); border-color: var(--mp-color-green); color: var(--mp-color-white); }
  .mp-button:active { transform: translateY(1px); }
  .mp-button:focus-visible { box-shadow: var(--mp-focus-ring); outline: 0; }
  .mp-button[aria-disabled="true"], .mp-button:disabled, .mp-button.disabled { cursor: not-allowed; opacity: .5; pointer-events: none; }