.ne-crystal-button{display:block;width:fit-content;box-sizing:border-box;white-space:wrap;border-radius:var(--radius);position:relative;place-items:center;transition:transform 0.1s}.ne-crystal-button:is(:hover,:focus-visible){--hover:1}.ne-crystal-button:before{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) - 1px);background:conic-gradient(from calc(var(--rx, 0) * 180deg) at calc(var(--x, 0) * 100%) calc(var(--y, 0) * 100%),hsl(10 90% 70%),hsl(140 80% 70%),hsl(320 80% 70%),hsl(210 80% 70%),hsl(10 80% 70%));filter:saturate(var(--filter));opacity:var(--hover,0);transition:opacity 0.2s}.ne-crystal-button__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:calc(var(--radius) - 1px);display:block;grid-column:1;grid-row:1;background:hsla(0,0,0,.3);-webkit-backdrop-filter:blur(var(--blur)) brightness(var(--brightness)) saturate(var(--saturate));backdrop-filter:blur(var(--blur)) brightness(var(--brightness)) saturate(var(--saturate))}.ne-crystal-button__title{grid-row:1;grid-column:1;position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:.35em;flex-direction:row;flex-wrap:nowrap}.ne-crystal-button__title>*,.ne-crystal-button__title .etch-condition,.ne-crystal-button__title [data-etch-condition]{display:inline-flex;align-items:center;flex-shrink:0}.ne-crystal-button__left-icon,.ne-crystal-button__right-icon{display:block;flex-shrink:0;object-fit:contain}.ne-crystal-button--dark{outline:none}.ne-crystal-button--dark:after{background:hsl(0 0% 10% / calc(1 - var(--hover, 0) * 0.25))}