.l{--button-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6C9 4 6 4 3 5v14c3-1 6-1 9 1 3-2 6-2 9-1V5c-3-1-6-1-9 1Zm0 0v14M6 8h3m6 0h3M6 11h3m6 0h3'/%3E%3C/svg%3E")}.l[data-host=true]{--button-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Cpath d='m8 16 8-8M8 8h8v8'/%3E%3C/svg%3E")}.l[href="/demo/"],.l[data-frame]{--button-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m10 8 6 4-6 4Z' fill='black' stroke='none'/%3E%3C/svg%3E")}:root .l:not(.q3) .c{width:1.35em;height:1.35em;background:0 0;border-radius:0;box-shadow:none}:root .l:not(.q3) .c::before{width:100%;height:100%;border:0;background:currentColor;clip-path:none;transform:none;-webkit-mask:var(--button-symbol)center/contain no-repeat;mask:var(--button-symbol)center/contain no-repeat}