[data-comp-ui-button_line]{position:relative;width:fit-content;color:#1e1e1e;font-family:Bodoni Ferrara Display,serif;font-size:clamp(16px,1.1111111111vw,16px);font-weight:400}[data-comp-ui-button_line].right .line{left:unset;right:0;flex-direction:row}[data-comp-ui-button_line]:hover .line{width:100%}[data-comp-ui-button_line] .line{width:calc(100% + 40px);height:1px;background-color:#1e1e1e;position:absolute;top:calc(100% + 5px);display:flex;flex-direction:row-reverse;align-items:center;transition:all .3s ease;opacity:.6;left:0}[data-comp-ui-button_line] .circle{width:3px;height:3px;border-radius:999px;background-color:#1e1e1e}[data-comp-ui-button_line][data-variant=dark]{color:#1e1e1e}[data-comp-ui-button_line][data-variant=dark] .line,[data-comp-ui-button_line][data-variant=dark] .circle{background-color:#1e1e1e}[data-comp-ui-button_line][data-variant=light]{color:#e9e6dd}[data-comp-ui-button_line][data-variant=light] .line,[data-comp-ui-button_line][data-variant=light] .circle{background-color:#e9e6dd}[data-comp-ui-button_line][data-variant=green]{color:#3b3f27}[data-comp-ui-button_line][data-variant=green] .line,[data-comp-ui-button_line][data-variant=green] .circle{background-color:#3b3f27}