:root {
  --bg: #07110f;
  --ink: #eef8f4;
  --muted: #9cb5ab;
  --accent: #3dd6a5;
  --panel: #0d1a16;
  --line: rgba(61, 214, 165, 0.25);
  --display: "Space Grotesk", sans-serif;
  --body: "Outfit", sans-serif;
  --hero: radial-gradient(ellipse at 80% 0%, rgba(61, 214, 165, 0.2), transparent 45%),
    linear-gradient(160deg, #07110f, #0f2420 50%, #07110f);
}

.product button {
  margin-top: 0.75rem;
  width: 100%;
  border: none;
  border-radius: 999px;
  padding: 0.7rem 1rem;
  background: var(--accent);
  color: #04140f;
  font-weight: 600;
  cursor: pointer;
}

.product__img {
  height: 120px;
  border-radius: 0.85rem;
  margin-bottom: 0.85rem;
  background: linear-gradient(135deg, #14352c, #3dd6a5);
}

.product__img--2 {
  background: linear-gradient(135deg, #1a3a45, #5ec8ff);
}

.product__img--3 {
  background: linear-gradient(135deg, #2a2840, #8b7cff);
}