.pomo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--ent-button-height);padding:0 13px;border:1px solid transparent;border-radius:var(--ent-radius-button);font:inherit;font-size:13px;font-weight:760;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--ent-motion-fast) var(--ent-motion-ease),border-color var(--ent-motion-fast) var(--ent-motion-ease),box-shadow var(--ent-motion-fast) var(--ent-motion-ease),color var(--ent-motion-fast) var(--ent-motion-ease),transform var(--ent-motion-press) var(--ent-motion-ease)}a.pomo-btn{text-decoration:none}.pomo-btn--primary{background:var(--ent-accent);color:var(--ent-on-accent)}.pomo-btn--neutral{background:var(--ent-summary-bg);color:var(--ent-text-1)}.pomo-btn--subtle{background:transparent;color:var(--ent-text-2)}.pomo-btn--danger{background:var(--ent-danger-soft);color:var(--ent-danger)}.pomo-btn:hover,.pomo-btn:focus-visible{border-color:var(--ent-accent-border);background:var(--ent-accent-soft);color:var(--ent-accent);outline:none;box-shadow:var(--ent-shadow-hover)}.pomo-btn--primary:hover,.pomo-btn--primary:focus-visible{border-color:var(--ent-accent);background:var(--ent-accent-hover);color:var(--ent-on-accent)}.pomo-btn--danger:hover,.pomo-btn--danger:focus-visible{border-color:var(--ent-danger-border);background:var(--ent-danger-soft-hover);color:var(--ent-danger)}.pomo-btn:active{transform:translateY(1px)}.pomo-btn:disabled,.pomo-btn.is-disabled{cursor:not-allowed;opacity:.55;transform:none}.pomo-btn.is-disabled{pointer-events:none}.pomo-btn--xs{gap:4px;min-height:var(--ent-button-xs-height);padding:0 8px;border-radius:var(--ent-radius-button-xs);font-size:12px}.pomo-btn--sm{min-height:var(--ent-button-sm-height);padding:0 10px;font-size:12px}.pomo-btn--lg{min-height:var(--ent-button-lg-height);padding:0 15px;font-size:14px}.pomo-btn-spinner{width:14px;height:14px;flex-shrink:0;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:pomo-btn-spin .8s linear infinite}.pomo-btn--sm .pomo-btn-spinner,.pomo-btn--xs .pomo-btn-spinner{width:12px;height:12px}@keyframes pomo-btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pomo-btn-spinner{animation-duration:2.4s}}