.contact-methods {
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.contact-method {
  display:flex;
  gap:.85rem;
  align-items:flex-start;
  padding:.9rem;
  border:1px solid #dce6ed;
  border-radius:1rem;
  background:#fff;
}

.contact-card {
  position:relative;
  padding:1.25rem;
  border:1px solid #d8e4ed;
  border-radius:1.2rem;
  background:#fff;
  box-shadow:0 12px 34px rgba(16,42,67,.06);
}

.contact-hp {
  position:absolute !important;
  left:-10000px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

.contact-revealed-email {
  display:inline-flex;
  align-items:center;
  min-height:36px;
  color:#0d6efd;
  font-weight:800;
  text-decoration:none;
  overflow-wrap:anywhere;
}

.contact-revealed-email:hover {
  text-decoration:underline;
}

#mensagem {
  min-height:170px;
  resize:vertical;
}

.contact-status:focus {
  outline:3px solid rgba(13,110,253,.18);
  outline-offset:2px;
}

@media (max-width:767.98px) {
  .contact-card {
    padding:.9rem;
  }

  .contact-method {
    padding:.8rem;
  }

  #revealEmailArea .btn {
    min-height:40px;
  }
}