.about-red-button {
  position: relative; display: block; width: 156px; height: 132px;
  min-height: 0; padding: 0; margin: 32px 0 28px; border: 0; border-radius: 50%;
  background: none; box-shadow: none; transform: rotate(12deg) scale(1.25); transform-origin: left center;
  touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
.about-red-button:hover, .about-red-button:active { transform: rotate(12deg) scale(1.25); background: none; box-shadow: none; }
.about-red-button::before {
  content: ''; position: absolute; bottom: -5px; left: 5%; width: 90%; height: 38%;
  border-radius: 50%; background: #15191824; filter: blur(7px);
}
.push-base {
  position: absolute; left: 0; bottom: 0; width: 100%; height: 104px;
  border-radius: 50%; background: linear-gradient(90deg,#202321,#171a18 55%,#252925);
}
.push-base::before {
  content: ''; position: absolute; inset: 0 0 auto; height: 78px;
  border-radius: 50%; background: #3c423e;
}
.push-base::after {
  content: ''; position: absolute; left: 9px; right: 9px; top: 8px; height: 62px;
  border-radius: 50%; background: #222824; box-shadow: inset 0 3px 5px #0005;
}
.push-plunger {
  position: absolute; left: 12%; top: 0; width: 76%; height: 94px;
  border-radius: 50%; background: linear-gradient(90deg,#ba1115,#a81012 70%,#bf1517);
  transform: translateY(0); transition: transform 130ms ease-out;
}
.push-plunger::before {
  content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 72px;
  border-radius: 50%; background: #ff292c; transition: background 130ms;
}
.push-label { position: absolute; inset: 0 0 auto; height: 72px; display: grid; place-items: center; z-index: 1; font: 400 16px/1 system-ui, sans-serif; letter-spacing: .18em; padding-left: .18em; color: #fff4ed; text-shadow: 0 1px 1px #a6111640; transform: scaleY(.83); }
.about-red-button:hover .push-plunger::before { background: #ff3436; }
.push-rim { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.about-red-button:active .push-plunger { transform: translateY(29px); }
.about-red-button:active .push-plunger::before { background: #f02225; }
.about-red-button:focus-visible { outline: 2px solid #373937; outline-offset: 9px; }
@media(prefers-reduced-motion:reduce) { .push-plunger, .push-plunger::before { transition: none; } }