.contact-pending-notice {
  display: inline-flex;
  margin-top: 14px;
  padding: 8px 11px;
  border-radius: 999px;
  background: #e7f8ee;
  color: #17613b;
  font-size: 12px;
  font-weight: 800;
}

.contact-pending-notice.has-pending {
  background: #fff0cc;
  color: #805700;
}

.contact-admin.contact-admin-portal {
  margin-top: 24px;
  padding: 34px;
  overflow: hidden;
  background: #edf8fc;
}

.contact-admin-portal .contact-message-card {
  flex-basis: calc(100% - 6px);
}

@media (max-width: 760px) {
  .contact-admin.contact-admin-portal {
    padding: 25px 20px;
  }

  .contact-admin-portal .contact-message-card {
    flex-basis: 94%;
  }
}