.petme-btn{justify-content:center;align-items:center;gap:var(--s2);padding:var(--s3) var(--s5);border-radius:var(--r-stadium);min-height:44px;font:700 13px/1 var(--font-text);letter-spacing:0;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--motion-medium) var(--curve-elastic), background-color var(--motion-short) var(--curve-out), color var(--motion-short) var(--curve-out), opacity var(--motion-short) var(--curve-out);border:none;display:inline-flex;position:relative}.petme-btn:focus{outline:none}.petme-btn:focus-visible{outline:2px solid var(--cta);outline-offset:2px}@media (hover:hover){.petme-btn:hover:not(:disabled):not([data-loading=true]){transform:scale(1.02)}}.petme-btn:active:not(:disabled):not([data-loading=true]){transform:scale(.92)}.petme-btn:disabled{opacity:.4;cursor:not-allowed}.petme-btn[data-loading=true]{cursor:progress;pointer-events:none}.petme-btn[data-loading=true] .petme-btn__label,.petme-btn[data-loading=true] .petme-btn__leading{visibility:hidden}.petme-btn__spinner{justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.petme-btn__spinner-ring{border:2px solid;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite petme-btn-spin}@keyframes petme-btn-spin{to{transform:rotate(360deg)}}.petme-btn--primary{background:var(--cta);color:#fff;box-shadow:0 1px 2px #00000014}@media (hover:hover){.petme-btn--primary:hover:not(:disabled):not([data-loading=true]){background:color-mix(in srgb, var(--cta) 96%, black)}}.petme-btn--secondary{background:var(--color-primary-container);color:var(--color-inverse-primary)}@media (hover:hover){.petme-btn--secondary:hover:not(:disabled):not([data-loading=true]){background:color-mix(in srgb, var(--color-primary-container) 94%, black)}}.petme-btn--text{color:var(--color-inverse-primary);padding:var(--s2) var(--s3);background:0 0;min-height:36px}@media (hover:hover){.petme-btn--text:hover:not(:disabled):not([data-loading=true]){background:var(--color-primary-container)}}.petme-btn--expand{flex:auto;width:100%}.petme-btn__leading{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}
.petme-icon-btn{cursor:pointer;transition:background-color var(--motion-short) var(--curve-out), color var(--motion-short) var(--curve-out), transform var(--motion-short) var(--curve-out);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.petme-icon-btn:focus{outline:none}.petme-icon-btn:focus-visible{outline:2px solid var(--cta);outline-offset:2px}.petme-icon-btn:active:not(:disabled){transform:scale(.92)}.petme-icon-btn:disabled{opacity:.4;cursor:not-allowed}.petme-icon-btn--24{width:24px;height:24px}.petme-icon-btn--32{width:32px;height:32px}.petme-icon-btn--36{width:36px;height:36px}.petme-icon-btn--inverse{color:var(--color-inverse-primary)}@media (hover:hover){.petme-icon-btn--inverse:hover:not(:disabled){background:var(--color-secondary-container)}}.petme-icon-btn--muted{color:var(--color-tertiary)}@media (hover:hover){.petme-icon-btn--muted:hover:not(:disabled){background:var(--color-secondary-container);color:var(--color-inverse-primary)}}.petme-icon-btn--brand{color:var(--cta)}@media (hover:hover){.petme-icon-btn--brand:hover:not(:disabled){background:color-mix(in srgb, var(--cta) 12%, transparent)}}.petme-icon-btn--destructive{color:var(--error)}@media (hover:hover){.petme-icon-btn--destructive:hover:not(:disabled){background:color-mix(in srgb, var(--error) 12%, transparent)}}