/* Version 33: direct PBX call action on the mobile homepage. */

.hero__phone-mobile {
  display: none;
}

@media (max-width: 620px) {
  .hero__phone-mobile {
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding: 10px 18px;
    border: 1.5px solid rgba(222, 174, 79, .92);
    border-radius: 4px;
    color: #07192d;
    background: linear-gradient(115deg, #e1b75d, #f0cb7b);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
    text-align: left;
    text-transform: none;
  }

  .hero__phone-mobile:hover,
  .hero__phone-mobile:focus-visible {
    color: #07192d;
    background: #f3d38a;
  }

  .hero__phone-mobile .lucide {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    stroke-width: 2;
  }

  .hero__phone-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
    line-height: 1.15;
  }

  .hero__phone-copy small {
    color: rgba(7, 25, 45, .72);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .hero__phone-copy strong {
    color: #07192d;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: .01em;
  }
}