/* Shared action hierarchy */
.max-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  box-sizing:border-box;
  padding:0 18px;
  border-radius:10px;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.max-action:hover{transform:translateY(-1px)}
.max-action:active{transform:translateY(0)}
.max-action:focus-visible{outline:3px solid rgba(40,124,120,.28);outline-offset:2px}

.max-action--primary{
  background:#0c665c;
  border:1px solid #0c665c;
  color:#fff;
  box-shadow:0 4px 12px rgba(12,102,92,.14);
}
.max-action--primary:hover{
  background:#0a554d;
  border-color:#0a554d;
  color:#fff;
  box-shadow:0 7px 18px rgba(12,102,92,.18);
}

.max-action--secondary{
  background:#fff;
  border:1px solid #0c665c;
  color:#0c665c;
}
.max-action--secondary:hover{
  background:#eaf6f3;
  border-color:#0a554d;
  color:#083f39;
}

.max-action--ghost{
  background:transparent;
  border:1px solid rgba(12,102,92,.18);
  color:#526560;
  box-shadow:none;
}
.max-action--ghost:hover{
  background:rgba(12,102,92,.06);
  border-color:rgba(12,102,92,.3);
  color:#0c665c;
}

.max-page-header--dark .max-action--secondary,
.max-page-header--dark .max-action--ghost{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.16);
  color:#e4f2ef;
}
.max-page-header--dark .max-action--secondary:hover,
.max-page-header--dark .max-action--ghost:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.25);
  color:#fff;
}

@media(max-width:640px){
  .max-action{min-height:38px;padding:0 13px;font-size:12px}
}