/* Odisal Button: the shared .osx-btn (base.css), with spacing set by its icon.
   Also loaded by the hero, about and cards widgets, which build their buttons the same way. */
.osx-btn.osx-button--ar { padding: 0 7px 0 26px; justify-content: space-between; gap: 18px; }
.osx-btn.osx-button--plain { padding: 0 28px; justify-content: center; gap: 12px; }
.osx-btn .osx-button-ic { width: 17px; height: 17px; flex: none; transition: transform 250ms var(--osx-ease-out); }
.osx-btn--glass .osx-button-ic, .osx-btn--line .osx-button-ic { color: var(--osx-accent); }
@media (hover: hover) and (pointer: fine) { .osx-btn:hover .osx-button-ic { transform: scale(1.1); } }
@media (prefers-reduced-motion: reduce) { .osx-btn .osx-button-ic { transition: none; } .osx-btn:hover .osx-button-ic { transform: none; } }