@media (max-width: 760px) {
  body .contact {
    display: grid !important;
    justify-items: center !important;
    width: min(100% - 18px, 430px) !important;
    margin-inline: auto !important;
    padding: 38px 16px 40px !important;
    overflow: hidden;
    text-align: center !important;
  }

  body .contact h2 {
    max-width: 330px !important;
    margin-inline: auto !important;
    font-size: clamp(2rem, 8vw, 2.45rem) !important;
    line-height: 1.08 !important;
    text-wrap: balance;
  }

  body .contact p {
    max-width: 330px !important;
    margin-inline: auto !important;
    text-align: center !important;
    text-wrap: balance;
  }

  body .contact-actions {
    display: inline-grid !important;
    grid-template-columns: minmax(0, 1fr) 58px !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, 354px) !important;
    margin: 0 auto !important;
    gap: 6px !important;
  }

  body .contact-actions a[href*="wa.me"] {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    font-size: clamp(0.88rem, 3.7vw, 1rem) !important;
    white-space: nowrap !important;
  }

  body .contact-actions .linktree-action {
    display: grid !important;
    place-items: center !important;
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body .contact-actions .linktree-action img {
    width: 58px !important;
    height: 58px !important;
    object-fit: contain !important;
  }

  body .contact-meta {
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
  }
}

@media (max-width: 380px) {
  body .contact {
    width: min(100% - 12px, 430px) !important;
    padding-inline: 12px !important;
  }

  body .contact-actions {
    grid-template-columns: minmax(0, 1fr) 54px !important;
    width: min(100%, 326px) !important;
    gap: 6px !important;
  }

  body .contact-actions a[href*="wa.me"] {
    min-height: 50px !important;
    padding-inline: 10px !important;
    font-size: clamp(0.78rem, 3.85vw, 0.92rem) !important;
  }

  body .contact-actions .linktree-action,
  body .contact-actions .linktree-action img {
    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
  }
}