/* Only actual controls receive pressure behavior. */
.social-link, .support button, .method-button, a.service-method {
 border: 2px solid #111111; border-radius: 16px; box-shadow: 4px 4px 0 #111111;
 color: #111111; cursor: pointer;
 transition: transform 120ms ease-out, box-shadow 120ms ease-out, background-color 150ms ease;
 touch-action: manipulation;
}
.social-link.is-pressed, .support button.is-pressed, .method-button.is-pressed, a.service-method.is-pressed { transform: translate(4px, 4px); box-shadow: 0 0 0 #111111; transition-duration: 90ms, 90ms, 150ms; }
@media (prefers-reduced-motion: reduce) {
 .social-link, .support button, .method-button, a.service-method { transition: none; }
}

@media (hover: hover) and (pointer: fine) {
 .social-link:hover, .support button:hover, a.service-method:hover { background-color: #F5A5B0; }
}