/* atom_button — the theme's ONE canonical interactive-effect rule (R10).
   Component CSS must not re-declare an identical effect block — compose this
   atom instead (duplicate-effect lint flags re-declarations). Token-driven. */
.c-atom-button {
  display: inline-block;
  font-family: var(--font-family-body);
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.c-atom-button:hover,
.c-atom-button:focus-visible {
  opacity: 0.85;
}