.border-animated-button-wrapper{border-radius:10px;position:relative;cursor:pointer;height:var(--oui-scale-8);overflow:hidden}@supports(corner-shape:squircle){.border-animated-button-wrapper{border-radius:16px;corner-shape:squircle}}.border-animated-button-wrapper:not(.selected) .border-animating-mask{border-radius:inherit;position:absolute;background:linear-gradient(175deg,#939393,#4b4b4b);top:-120%;left:-100%;width:100%;height:100%;background-color:var(--oui-white-100);transition:top .2s ease-in-out,rotate .2s ease-in-out,left .3s ease-in-out}@supports(corner-shape:squircle){.border-animated-button-wrapper:not(.selected) .border-animating-mask{border-radius:16px;corner-shape:squircle}}.border-animated-button-wrapper:not(.selected):hover .border-animating-mask{top:0;left:0;rotate:0deg}.border-animated-button-wrapper:not(.selected) .border-animated-button{color:var(--oui-grey-100);font-weight:500;background-color:var(--oui-white-100)}.border-animated-button-wrapper.selected .border-animated-button{font-weight:700;background-color:var(--oui-green-05);color:var(--oui-green-100)}.border-animated-button-wrapper.selected svg path{fill:var(--oui-green-100)}.border-animated-button-wrapper .border-animated-button{position:relative;top:1px;left:1px;border-radius:9px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0);border:none;padding:var(--oui-scale-3) var(--oui-scale-6) var(--oui-scale-3) var(--oui-scale-5);gap:5px;width:calc(100% - 2px);height:calc(100% - 2px)}@supports(corner-shape:squircle){.border-animated-button-wrapper .border-animated-button{border-radius:16px;corner-shape:squircle}}.border-animated-button-wrapper .border-animated-button.selected{border:none;background-color:#f3fcf9}.border-animated-button-wrapper .border-animated-button>svg{width:25px;height:25px;min-width:25px;min-height:25px}.border-animated-button-wrapper .border-animated-button:focus-visible{border:none;outline-style:solid;outline-width:var(--oui-scale-1);outline-color:var(--oui-orange-100);outline-offset:-1px}