@layer components{.bento-button--radius{--bento-button-radius:var(--radius)}.bento-button.squircle.bento-button--radius,.bento-button.squircle-outline.bento-button--radius{border-radius:calc(var(--bento-button-radius) * var(--corner-scale,var(--squircle-radius-scale,1)))}.bento-button__bordered-hover{pointer-events:none;background-color:color-mix(in srgb, var(--foreground) 8%, transparent);opacity:0;transition:opacity .3s;position:absolute;inset:0}.bento-button--bordered-interactive:hover .bento-button__bordered-hover{opacity:1}.bento-button--bordered-interactive:active .bento-button__bordered-hover{background-color:color-mix(in srgb, var(--foreground) 16%, transparent);opacity:1}.bento-button__label{text-align:center;width:100%;min-width:0;display:block}.bento-button__arrow{pointer-events:none;transition:transform .3s,color .3s}.bento-button:hover .bento-button__arrow{color:var(--link);transform:translate(2px,-2px)}}