.m3-button{min-width:64px;min-height:40px;padding-block:calc((40px - var(--md-type-label-large-line-thai)) / 2);border-radius:var(--md-shape-full);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);text-align:center;cursor:pointer;font-family:var(--md-font-plain);font-size:var(--md-type-label-large-size);line-height:var(--md-type-label-large-line-thai);font-weight:var(--md-type-label-large-weight);letter-spacing:0;border:0;justify-content:center;align-items:center;gap:8px;padding-inline:24px;text-decoration:none;display:inline-flex;position:relative}.m3-button:after{content:"";height:max(48px,100%);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.m3-button:hover{background:color-mix(in oklab, var(--md-sys-color-on-primary) var(--md-sys-state-hover-state-layer-opacity), var(--md-sys-color-primary))}.m3-button:focus-visible{background:color-mix(in oklab, var(--md-sys-color-on-primary) var(--md-sys-state-focus-state-layer-opacity), var(--md-sys-color-primary));outline:var(--md-focus-ring-width) solid var(--md-sys-color-secondary);outline-offset:var(--md-focus-ring-offset);border-radius:var(--md-shape-full)}.m3-button:active{background:color-mix(in oklab, var(--md-sys-color-on-primary) var(--md-sys-state-pressed-state-layer-opacity), var(--md-sys-color-primary))}.m3-button:disabled,.m3-button[aria-disabled=true]{background:color-mix(in oklab, var(--md-sys-color-on-surface) 12%, transparent);color:color-mix(in oklab, var(--md-sys-color-on-surface) 38%, transparent);cursor:default;pointer-events:none}@media (forced-colors:active){.m3-button{padding-block:calc((40px - var(--md-type-label-large-line-thai)) / 2 - 1px);border:1px solid canvastext}.m3-button:disabled,.m3-button[aria-disabled=true]{color:graytext}.m3-button:focus-visible{outline-color:canvastext}}
