@layer utilities{.\:btn{--padding:8px;padding:var(--padding)calc(var(--padding)*2);color:var(--grey-800);background-color:var(--grey-100);border:1px solid var(--grey-200);border-radius:var(--radius-100);cursor:pointer;border-bottom-width:2px;font-family:inherit;font-size:14px;font-weight:700;line-height:1}:where(.\:btn){justify-content:center;align-items:center;gap:8px;width:max-content;margin:0;display:flex;position:relative}.\:btn:disabled{opacity:.5;cursor:not-allowed}.\:btn-active{color:var(--grey-000);background-color:var(--grey-600)}.\:btn-icn{padding:var(--padding)}@media not (hover:none){.\:btn:where(:not(:disabled)):is(:hover,:focus){border-bottom-width:3px;margin-top:-1px}}.\:btn:active{border-bottom-width:1px;margin-top:1px}:where(.\:btn) lazy-icon{--size:17px;flex:0 0 var(--size);width:var(--size);height:var(--size);fill:currentColor}:where(.\:btn) svg{width:100%;height:100%}}