.contact-link--mobile-contact,
.contact-link__phone-action {
  display: none;
}

@media (max-width: 620px) {
  .contact-bar__inner {
    justify-content: center;
    gap: 6px;
  }

  .contact-bar__description,
  .contact-link--email,
  .contact-link__phone-number {
    display: none;
  }

  .contact-link__phone-action {
    display: inline;
  }

  .contact-link--phone,
  .contact-link--mobile-contact {
    display: inline-flex;
    width: 112px;
    max-width: calc(50% - 3px);
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 10px;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: 999px;
    background: rgb(255 255 255 / 8%);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
  }

  .contact-link--phone:hover,
  .contact-link--mobile-contact:hover,
  .contact-link--phone:focus-visible,
  .contact-link--mobile-contact:focus-visible {
    color: #fff;
    background: rgb(255 255 255 / 16%);
  }

  .contact-link--phone img,
  .contact-link--mobile-contact img {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
  }
}

@media (max-width: 390px) {
  .contact-bar__inner {
    gap: 4px;
  }

  .contact-link--phone,
  .contact-link--mobile-contact {
    width: 106px;
    max-width: calc(50% - 2px);
    padding-inline: 8px;
    font-size: 10px;
  }
}