.hero-phone-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  max-width: 720px;
  margin-top: 26px;
  padding: 20px;
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 24px;
  background:
    radial-gradient(circle at 15% 0, rgba(216, 255, 64, .14), transparent 32%),
    linear-gradient(135deg, #102019, #1b3025);
  box-shadow: 0 24px 58px rgba(17, 32, 25, .2);
  overflow: hidden;
  position: relative;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.hero-phone-card:hover {
  transform: translateY(-2px);
  border-color: rgba(216, 255, 64, .5);
  box-shadow: 0 28px 64px rgba(17, 32, 25, .26);
}

.hero-phone-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 17px;
  background: #dfff62;
  color: #18251e;
  box-shadow: 0 10px 24px rgba(216, 255, 64, .15);
}

.hero-phone-icon svg {
  height: 24px;
  width: 24px;
}

.hero-phone-card strong,
.hero-phone-card small {
  display: block;
}

.hero-phone-card strong { margin-bottom: 5px; font-size: 17px; }
.hero-phone-card small { color: rgba(255, 255, 255, .68); font-size: 14px; line-height: 1.4; }
.hero-phone-card b {
  background: #dfff62;
  border-radius: 999px;
  color: #142016;
  font-size: 18px;
  padding: 13px 18px;
  white-space: nowrap;
}

.footer-phone {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 14px;
  color: #dfff62;
  text-decoration: none;
}

.footer-phone strong { font-size: 22px; }
.footer-phone span { color: rgba(255, 255, 255, .7); font-size: 14px; }

@media (max-width: 720px) {
  .hero-phone-card { grid-template-columns: auto 1fr; }
  .hero-phone-card b { grid-column: 1 / -1; font-size: 19px; text-align: center; }
}
.hero-phone-card em{display:block;margin-top:4px;color:rgba(255,255,255,.5);font-size:12px;font-style:normal}