.order-contacts {
  padding: 42px 0 48px;
  background: #eef7fa;
  border-top: 3px solid #45b9d9;
}
.order-contacts h3 { margin: 0 0 12px; }
.order-contacts-intro { margin: 0 0 24px; color: #3b4950; font-size: 16px; }
.order-contact-links { display: flex; flex-wrap: wrap; gap: 14px; }
.order-contact-links .order-contact-link {
  display: flex;
  flex: 1 1 230px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 74px;
  padding: 16px 20px;
  border: 2px solid transparent;
  border-radius: 4px;
  color: #fff;
  font: 700 16px/1.4 Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color .15s ease;
}
.order-contact-link--max { background: #4b45d1; }
.order-contact-link--max:hover { background: #3934a8; }
.order-contact-link--max:disabled,
.order-contact-link--max:disabled:hover { background: #6863a1; cursor: default; }
.order-contact-link--whatsapp { background: #157a3d; }
.order-contact-link--whatsapp:hover { background: #105e2f; }
.order-contact-link--phone { background: #1d2c34; }
.order-contact-link--phone:hover { background: #304854; }
.order-contact-link span { display: block; margin-top: 3px; font-size: 14px; font-weight: 400; }
.order-contact-link:focus-visible { outline: 3px solid #137392; outline-offset: 4px; }
.order-contact-links--compact { gap: 8px; padding: 14px 0 0; }
.order-contact-links--compact .order-contact-link { flex-basis: 180px; min-height: 64px; padding: 10px 12px; font-size: 14px; }
@media (max-width: 600px) {
  .order-contacts { padding: 30px 0; }
  .order-contact-links .order-contact-link { flex-basis: 100%; width: 100%; }
}