.dsk-btn01{color:var(--color-secondary);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-md);border:0;line-height:1em;display:inline-grid;overflow:hidden}.dsk-btn01-bg{grid-area:1/1;grid-template-columns:1fr auto;display:grid}.dsk-btn01-bg-mid{background-color:#0000}.dsk-btn01-bg-right-overlay{grid-area:1/2;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);display:grid}.dsk-btn01-pixel{aspect-ratio:1;width:100%;height:100%;transition:opacity;transition-delay:calc(var(--index) * 60ms)}.dsk-btn01-bg-right-overlay .dsk-btn01-pixel{opacity:0;background-color:#2a2a2e;transition-delay:0s}.dsk-btn01-inner{grid-area:1/1;padding:.375rem 2.25rem .375rem .75rem;display:grid;overflow:clip}[data-size=sm] .dsk-btn01-inner{padding:.25rem 1.75rem .25rem .625rem}.dsk-btn01-text{white-space:nowrap;grid-area:1/1;align-items:center;gap:.375rem;display:inline-flex}.dsk-btn01-bg-right-overlay .dsk-btn01-pixel:first-child{grid-area:1/2}.dsk-btn01-bg-right-overlay .dsk-btn01-pixel:nth-child(2){grid-area:1/3}.dsk-btn01-bg-right-overlay .dsk-btn01-pixel:nth-child(3){grid-area:1/4}.dsk-btn01-bg-right-overlay .dsk-btn01-pixel:nth-child(4){grid-area:1/5}.dsk-btn01-bg-right-overlay .dsk-btn01-pixel:nth-child(5){grid-area:2/4}.dsk-btn01-bg-right-overlay .dsk-btn01-pixel:nth-child(6){grid-area:2/5}.dsk-btn01-bg-right-overlay .dsk-btn01-pixel:nth-child(7){grid-area:3/3}.dsk-btn01-bg-right-overlay .dsk-btn01-pixel:nth-child(8){grid-area:3/5}.dsk-btn01-bg-right-overlay .dsk-btn01-pixel:nth-child(9){grid-area:4/2}.dsk-btn01-bg-right-overlay .dsk-btn01-pixel:nth-child(10){grid-area:4/5}.dsk-btn01-bg-right-overlay .dsk-btn01-pixel:nth-child(11){grid-area:5/1}@media (hover:hover) and (pointer:fine){.dsk-btn01:is(:hover,:focus-visible) .dsk-btn01-bg-right-overlay .dsk-btn01-pixel{opacity:1;transition-delay:calc(var(--index) * 60ms)}}@media (hover:none) or (pointer:coarse){.dsk-btn01:active .dsk-btn01-bg-right-overlay .dsk-btn01-pixel{opacity:1;transition:opacity}}.dsk-btn01[data-variant=danger] .dsk-btn01-text{color:var(--color-danger)}