/* BTDT button style: neobrutalist — bold black border, hard shadow, push-down */
:is(.btn-solid, .btn-outline, .btn-subtle, .btn-text) {
  --bs-btn-border-width: 3px;
  --bs-btn-border-color: #000;
  --bs-btn-hover-border-color: #000;
  --bs-btn-active-border-color: #000;
  --bs-btn-border-radius: 0;
  box-shadow: 3px 3px 0 0 #000;
}
:is(.btn-solid, .btn-outline, .btn-subtle, .btn-text):is(:hover, :focus-visible) {
  box-shadow: none;
}
@media (prefers-reduced-motion: no-preference) {
  :is(.btn-solid, .btn-outline, .btn-subtle, .btn-text) {
    transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out;
  }
  :is(.btn-solid, .btn-outline, .btn-subtle, .btn-text):is(:hover, :focus-visible) {
    transform: translate(4px, 4px);
  }
}