.button-row { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; justify-content: center; }
.button {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 16px 34px; border-radius: 40px; border: 1px solid transparent;
  cursor: pointer; transition: 0.3s ease; position: relative; overflow: hidden;
  font-weight: bold;
}
.button:hover { transform: translateY(-4px); }
.button-primary { background: #0E5EFF; color: white; box-shadow: 0 0 25px rgba(14,94,255,0.34); }
.button-secondary { background: #222; color: white; }
.button-ghost { color: var(--primary); background: rgba(14, 94, 255, 0.1); }
.ripple { position: absolute; border-radius: 50%; transform: scale(0); animation: ripple 0.6s linear; background: rgba(255,255,255,0.4); pointer-events: none; }