/* Global button styles, loaded on every page by partials/head-scripts.html.
   Change a color or hover here and it changes everywhere. Size, padding and
   margins stay on each button's own style attribute. */
.yellow-cta-button,.yellow-cta-button-navy-hover,.navy-button,.ghost-button-dark{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  text-align:center;text-decoration:none;line-height:1.2;
  font-family:Space Grotesk,sans-serif;font-weight:600;
  border:0;border-radius:9px;cursor:pointer;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease
}

/* Yellow on dark sections: hovers to white */
.yellow-cta-button{background:#FFD814;color:#0A1230}
.yellow-cta-button:hover{background:#FFFFFF;color:#0A1230}

/* Yellow on white or light sections: hovers to navy, so it doesn't disappear */
.yellow-cta-button-navy-hover{background:#FFD814;color:#0A1230}
.yellow-cta-button-navy-hover:hover{background:#0A1230;color:#FFFFFF}

.navy-button{background:#0A1230;color:#FFFFFF}
.navy-button:hover{background:#1F44E0;color:#FFFFFF}

/* Outline button on dark sections */
.ghost-button-dark{background:transparent;color:#FFFFFF;border:1px solid rgba(255,255,255,.28)}
.ghost-button-dark:hover{border-color:#FFD814;color:#FFD814}