/* Desktop/tablet hero override only. Does not replace styles.css. */
@media (min-width: 761px) {
  .hero-overlay {
    background: linear-gradient(
      180deg,
      rgba(4, 8, 12, .20) 0%,
      rgba(4, 8, 12, .30) 55%,
      rgba(4, 8, 12, .46) 100%
    ) !important;
  }

  .hero-content,
  .hero h1 {
    color: #fff;
  }

  .hero .eyebrow {
    color: rgba(255,255,255,.86);
  }

  .hero-content p {
    color: rgba(255,255,255,.92);
    text-shadow: 0 2px 12px rgba(0,0,0,.28);
  }
}

.silver-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  white-space: nowrap;
}

.silver-button span {
  margin-left: 0;
}