.contact-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 1rem;
  margin-top: 1rem;
}
.contact-actions .button { margin-top: 0; max-width: 100%; }
.contact-actions .button-online { background: transparent; color: var(--ink); }
.contact-actions .button-online:hover { background: var(--ink); border-color: var(--ink); color: var(--paper); }
@media (max-width: 600px) {
  .contact-actions { flex-direction: column; }
  .contact-actions .button { width: 100%; }
}