.membership-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 2.25rem;
}

.membership-actions .button { min-width: min(100%, 300px); }
#membership-details { scroll-margin-top: 156px; }

@media (max-width: 760px) {
  .membership-actions { align-items: stretch; flex-direction: column; }
  .membership-actions .button { width: 100%; min-width: 0; }
  #membership-details { scroll-margin-top: 112px; }
}