/* Browser candidate: HeroUI Native Button/Label anatomy, Ollie theme.
   Native visual comparison pending; use <a> for navigation, <button> for actions. */
.ollie-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:12px 20px;border:1px solid transparent;border-radius:10px;background:var(--ollie-actionPrimary);color:var(--ollie-textOnAction);font:inherit;font-size:1rem;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}
.ollie-button:hover,.ollie-button:active{background:var(--ollie-actionPressed)}
.ollie-button:focus-visible{outline:2px solid var(--ollie-focus);outline-offset:5px}
.ollie-button:disabled{background:var(--ollie-disabledBackground);color:var(--ollie-disabledForeground);cursor:not-allowed}