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