.hogi-button{--hogi-button-icon-size: 16px;--hogi-button-radius: 10px;--hogi-button-padding: 12px;display:inline-flex;justify-content:center;align-items:center;gap:4px;box-sizing:border-box;padding:0 var(--hogi-button-padding);border:0;border-radius:var(--hogi-button-radius);outline:none;cursor:pointer;color:var(--neutral-content);white-space:nowrap;transition:background-color var(--motion-fast) ease,opacity var(--motion-fast) ease}.hogi-button-size-xxs{--hogi-button-icon-size: 14px;--hogi-button-padding: 8px;--hogi-button-radius: 8px;height:28px}.hogi-button-size-xxs:is(.hogi-button-primary,.hogi-button-danger,.hogi-button-plain){--hogi-button-radius: 10px}.hogi-button-size-xs{--hogi-button-icon-size: 14px;--hogi-button-padding: 10px;height:32px}.hogi-button-size-s{height:36px}.hogi-button-size-m{--hogi-button-padding: 16px;--hogi-button-radius: 12px;height:44px}.hogi-button-size-l{--hogi-button-icon-size: 18px;--hogi-button-padding: 18px;--hogi-button-radius: 12px;height:48px}.hogi-button-size-l:is(.hogi-button-primary,.hogi-button-danger){--hogi-button-radius: 14px}.hogi-button-size-xl{--hogi-button-icon-size: 20px;--hogi-button-padding: 20px;--hogi-button-radius: 12px;height:52px}.hogi-button-size-xl:is(.hogi-button-primary,.hogi-button-danger){--hogi-button-radius: 16px}.hogi-button-size-xl.hogi-button-outline{--hogi-button-radius: 14px}.hogi-button-radius-large{padding-inline:calc(var(--hogi-button-padding) + 2px);border-radius:999px}.hogi-button-size-default{padding:8px 20px}.hogi-button-size-large{--hogi-button-icon-size: 18px;padding:0 16px;min-width:52px;height:48px;max-height:52px}.hogi-button-size-small{--hogi-button-icon-size: 14px;padding:0 12px;height:24px}.hogi-button-icon,.hogi-button-suffix{display:inline-flex;justify-content:center;align-items:center;flex:none}.hogi-button-icon,.hogi-button-icon>svg,.hogi-button-icon>img,.hogi-button-suffix>svg,.hogi-button-suffix>img{flex:none;width:var(--hogi-button-icon-size);height:var(--hogi-button-icon-size)}.hogi-button-suffix{gap:4px;margin-left:4px}.hogi-button:focus-visible{outline:2px solid var(--neutral-content-a80);outline-offset:2px}.hogi-button:is(:disabled,[aria-disabled=true]){opacity:.5;cursor:not-allowed}.hogi-button-primary{background:var(--pink-content)}.hogi-button-danger{background:var(--alert-content)}.hogi-button-primary-white{background:var(--neutral-content);-webkit-backdrop-filter:blur(var(--blur-glass-sm));backdrop-filter:blur(var(--blur-glass-sm));color:var(--neutral-content-inverse)}.hogi-button:is(.hogi-button-primary,.hogi-button-danger,.hogi-button-primary-white):is(:hover,:active,[data-state=pressed]):not(:disabled,[aria-disabled=true]){opacity:.9}.hogi-button-default,.hogi-button-outline{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hogi-button-default{background:var(--neutral-content-a12)}.hogi-button-default:is(:hover,:active,[data-state=pressed]):not(:disabled,[aria-disabled=true]){background:var(--neutral-content-a20)}.hogi-button-outline{position:relative;background:var(--neutral-content-a3)}.hogi-button-outline:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--neutral-border-emphasis);border-radius:inherit;pointer-events:none;content:""}.hogi-button-outline.hogi-button-radius-large,.hogi-button-outline:is(:disabled,[aria-disabled=true]){background:var(--neutral-content-a5)}.hogi-button-outline:is(:hover,:active,[data-state=pressed]):not(:disabled,[aria-disabled=true]){background:var(--neutral-content-a12)}.hogi-button-plain{background:transparent;color:var(--neutral-content-a90)}