/* mobile contact bar */

.mobile-contact-bar {
  display: none;
}

.mobile-contact-bar-button {
  display: inline-flex;
  flex: 1;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-inline: 12px;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.mobile-contact-bar-button-primary {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: #ffffff;
}

.mobile-contact-bar-button-secondary {
  border-color: #e4e7ec;
  background-color: #ffffff;
  color: #344054;
}

@media (max-width: 600px) {
  body {
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
  }

  .mobile-contact-bar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    gap: 10px;
    padding: 12px 68px calc(12px + env(safe-area-inset-bottom));
    border-top: 1px solid #eaecf0;
    background-color: #ffffff;
    box-shadow: 0 -4px 16px rgb(16 24 40 / 8%);
  }
}