/* Gate B8 shared visual family refresh.
   Presentation-only overrides for legacy option cards. */

.button-grid {
  gap: 14px;
}

.button-item {
  border: 1px solid #e6edf4;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(24, 46, 78, 0.07);
  padding: 18px;
  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease,
    border-color 0.16s ease;
}

.button-item:hover {
  transform: translateY(-1px);
  border-color: #dbe7f2;
  box-shadow: 0 10px 26px rgba(24, 46, 78, 0.10);
}

.button-item:active {
  transform: scale(0.985);
}

.button-item i {
  margin-bottom: 9px;
  font-size: 1.7em;
  background: linear-gradient(135deg, #16aefc, #087cf1);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.button-item span {
  color: #26344a;
  font-size: 0.95em;
  font-weight: 700;
  line-height: 1.25;
}

@media (max-width: 520px) {
  .button-grid {
    gap: 11px;
  }

  .button-item {
    border-radius: 16px;
    padding: 16px;
  }
}