@property --button03-sweep{syntax:"<number>";inherits:true;initial-value:0}.button03{--button03-fill:var(--arc-flash,#f05a45);--button03-lit:#f4f3f0;--button03-ease:cubic-bezier(.22, 1, .36, 1);--button03-sweep-ease:cubic-bezier(.5, 0, .2, 1);--button03-sweep:0;--button03-shift:0px;--button03-icon-size:20px;--button03-roll:1.4em;--button03-loop:calc(var(--button03-icon-size) + 8px);isolation:isolate;color:#130f20;height:auto;min-height:44px;font:inherit;text-align:left;white-space:normal;background:0 0;border:0;border-radius:0;align-items:center;padding:10px 18px;line-height:1.35;text-decoration:none;transition:none;display:inline-flex;position:relative;transform:translate(0,0)}.button03_bg{z-index:-1;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:0}.button03_bg-left,.button03_bg-right{aspect-ratio:3/4;flex:none;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);height:100%;display:grid}.button03_bg-left{--button03-direction:-1}.button03_bg-right{--button03-direction:1}.button03_bg-mid{background:var(--button03-fill);position:absolute;inset:0 10px}.button03_bg-pixel{background:var(--button03-fill);transform:translateX(calc(var(--index) * var(--button03-direction) * var(--button03-shift)))}.button03>.button03_bg>:is(.button03_bg-left,.button03_bg-right){background-color:var(--button03-fill)}.button03_sweep{z-index:-1;pointer-events:none;grid-template-rows:repeat(4,1fr);display:grid;position:absolute;inset:0}.button03_sweep>span{justify-content:flex-end;display:flex;overflow:clip visible;container-type:size}.button03_sweep i{--button03-cell:100cqh;height:100%;width:calc(var(--button03-sweep) * 100%);width:clamp(0px, round(up, calc(var(--button03-sweep) * (100% + 3 * var(--button03-cell)) - var(--button03-lag) * var(--button03-cell)), var(--button03-cell)), 100%);background:var(--button03-lit);flex:none}.button03_sweep>span:not(:last-child) i{height:calc(100% + 1px)}.button03_sweep>:first-child{--button03-lag:2}.button03_sweep>:nth-child(2){--button03-lag:0}.button03_sweep>:nth-child(3){--button03-lag:3}.button03_sweep>:nth-child(4){--button03-lag:1}.button03_inner{justify-content:space-between;align-items:center;gap:15px;width:100%;display:flex;position:relative}.button03_word{vertical-align:top;display:inline-block;overflow:visible clip}.button03_letter{text-shadow:0 var(--button03-roll) currentColor;display:inline-block}.button03_icon{flex:none;display:flex;overflow:clip}.button03_icon>svg{width:var(--button03-icon-size);height:var(--button03-icon-size);filter:drop-shadow(calc(-1 * var(--button03-loop)) 0 0 currentColor)}.button03_icon[data-motion=down]>svg{filter:drop-shadow(0 calc(-1 * var(--button03-loop)) 0 currentColor)}.button03:focus-visible{outline:2px solid var(--coral,#ff715e);outline-offset:8px;box-shadow:none}.button03:disabled,.button03[data-disabled]{opacity:.5;cursor:not-allowed}.button03:focus-visible:not(:disabled):not([data-disabled]){--button03-sweep:1}.button03:focus-visible:not(:disabled):not([data-disabled]) .button03_sweep>span{justify-content:flex-start}.button03:focus-visible:not(:disabled):not([data-disabled]) .button03_bg-pixel{background-color:var(--button03-lit)}.button03:focus-visible:not(:disabled):not([data-disabled])>.button03_bg>:is(.button03_bg-left,.button03_bg-right){background-color:var(--button03-lit)}@media (hover:hover) and (pointer:fine){.button03:hover:not(:disabled):not([data-disabled]){--button03-sweep:1}.button03:hover:not(:disabled):not([data-disabled]) .button03_sweep>span{justify-content:flex-start}.button03:hover:not(:disabled):not([data-disabled]) .button03_bg-pixel,.button03:hover:not(:disabled):not([data-disabled])>.button03_bg>:is(.button03_bg-left,.button03_bg-right){background-color:var(--button03-lit)}}@media (prefers-reduced-motion:no-preference){.button03{transition:--button03-sweep .48s var(--button03-sweep-ease)}.button03 .button03_bg-pixel,.button03>.button03_bg>:is(.button03_bg-left,.button03_bg-right){transition:background-color 0s linear var(--button03-flip-out)}.button03 .button03_bg-left{--button03-flip-in:90ms;--button03-flip-out:70ms}.button03 .button03_bg-right{--button03-flip-in:.27s;--button03-flip-out:.29s}.button03_letter{transition:transform .46s var(--button03-ease);transition-delay:min(calc(var(--letter) * 14ms), calc(var(--letter) / var(--button03-letters) * .22s))}.button03_icon>svg{transition:transform .5s var(--button03-ease)}.button03:focus-visible:not(:disabled):not([data-disabled]){transition-duration:.54s}.button03:focus-visible:not(:disabled):not([data-disabled]) .button03_bg-pixel{transition-delay:var(--button03-flip-in)}.button03:focus-visible:not(:disabled):not([data-disabled])>.button03_bg>:is(.button03_bg-left,.button03_bg-right){transition-delay:var(--button03-flip-in)}.button03:focus-visible:not(:disabled):not([data-disabled]) .button03_letter{transform:translateY(calc(-1 * var(--button03-roll)));transition-delay:calc(40ms + min(calc(var(--letter) * 14ms), calc(var(--letter) / var(--button03-letters) * .22s)))}.button03:focus-visible:not(:disabled):not([data-disabled]) .button03_icon>svg{transform:translateX(var(--button03-loop));transition-delay:70ms}.button03:focus-visible:not(:disabled):not([data-disabled]) .button03_icon[data-motion=down]>svg{transform:translateY(var(--button03-loop))}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.button03:hover:not(:disabled):not([data-disabled]){transition-duration:.54s}.button03:hover:not(:disabled):not([data-disabled]) .button03_bg-pixel,.button03:hover:not(:disabled):not([data-disabled])>.button03_bg>:is(.button03_bg-left,.button03_bg-right){transition-delay:var(--button03-flip-in)}.button03:hover:not(:disabled):not([data-disabled]) .button03_letter{transform:translateY(calc(-1 * var(--button03-roll)));transition-delay:calc(40ms + min(calc(var(--letter) * 14ms), calc(var(--letter) / var(--button03-letters) * .22s)))}.button03:hover:not(:disabled):not([data-disabled]) .button03_icon>svg{transform:translateX(var(--button03-loop));transition-delay:70ms}.button03:hover:not(:disabled):not([data-disabled]) .button03_icon[data-motion=down]>svg{transform:translateY(var(--button03-loop))}}