.ne-ripple-button{display:flex;justify-content:center;width:fit-content;white-space:nowrap;line-height:normal;overflow:hidden;position:relative;transition:var(--transition-duration) var(--transition-ease);transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;-webkit-perspective:1000;will-change:transform}.ne-ripple-button__text{opacity:0;will-change:transform}.ne-ripple-button__pseudo{position:relative;overflow:hidden;will-change:transform}.ne-ripple-button__pseudo::before{content:attr(data-content);position:absolute;top:0;transform:skewY(0);transition:var(--transition-duration) var(--transition-ease);will-change:transform}.ne-ripple-button__pseudo::after{content:attr(data-content);position:absolute;top:300%;left:0;transform:skewY(var(--skew-text));z-index:5;color:#fff;transition:var(--transition-duration) var(--transition-ease);will-change:transform}.ne-ripple-button__hover-fill{position:absolute;top:-155%;left:calc(var(--amplitude) * -1);height:150%;width:calc(100% + var(--amplitude)*2);background:#000;z-index:-5;border-radius:0 0 50% 50%;transition:var(--transition-duration) var(--transition-ease)}.ne-ripple-button:hover .ne-ripple-button__pseudo::before,.ne-ripple-button:focus .ne-ripple-button__pseudo::before{transform:skewY(var(--skew-text));top:-300%;will-change:transform;transition:var(--transition-duration-in) var(--transition-ease)}.ne-ripple-button:hover .ne-ripple-button__pseudo::after,.ne-ripple-button:focus .ne-ripple-button__pseudo::after{transform:skewY(0);top:0;will-change:transform;transition:var(--transition-duration-in) var(--transition-ease)}.ne-ripple-button:hover .ne-ripple-button__hover-fill,.ne-ripple-button:focus .ne-ripple-button__hover-fill{transform:translateY(100%);transition:var(--transition-duration-in) var(--transition-ease)}[data-type="ne-ripple-button--from-bottom"] .ne-ripple-button__pseudo::after{top:-300%}[data-type="ne-ripple-button--from-bottom"] .ne-ripple-button__hover-fill{border-radius:50% 50% 0 0;top:105%}[data-type="ne-ripple-button--from-bottom"]:hover .ne-ripple-button__pseudo::before,[data-type="ne-ripple-button--from-bottom"]:focus .ne-ripple-button__pseudo::before{top:300%;transition:var(--transition-duration-in) var(--transition-ease)}[data-type="ne-ripple-button--from-bottom"]:hover .ne-ripple-button__hover-fill,[data-type="ne-ripple-button--from-bottom"]:focus .ne-ripple-button__hover-fill{transform:translateY(-100%);transition:var(--transition-duration-in) var(--transition-ease)}[data-type="ne-ripple-button--from-left"] .ne-ripple-button__pseudo::after{top:-300%}[data-type="ne-ripple-button--from-left"] .ne-ripple-button__hover-fill{border-radius:0 0 0 0;top:-25%;left:-155%;width:150%}[data-type="ne-ripple-button--from-left"]:hover .ne-ripple-button__pseudo::before,[data-type="ne-ripple-button--from-left"]:focus .ne-ripple-button__pseudo::before{top:300%;transition:var(--transition-duration-in) var(--transition-ease)}[data-type="ne-ripple-button--from-left"]:hover .ne-ripple-button__hover-fill,[data-type="ne-ripple-button--from-left"]:focus .ne-ripple-button__hover-fill{transform:translateX(100%);transition:var(--transition-duration-in) var(--transition-ease)}[data-type="ne-ripple-button--from-right"] .ne-ripple-button__pseudo::after{top:-300%}[data-type="ne-ripple-button--from-right"] .ne-ripple-button__hover-fill{border-radius:0 0 0 0;top:-25%;left:105%;width:150%}[data-type="ne-ripple-button--from-right"]:hover .ne-ripple-button__pseudo::before,[data-type="ne-ripple-button--from-right"]:focus .ne-ripple-button__pseudo::before{top:300%;transition:var(--transition-duration-in) var(--transition-ease)}[data-type="ne-ripple-button--from-right"]:hover .ne-ripple-button__hover-fill,[data-type="ne-ripple-button--from-right"]:focus .ne-ripple-button__hover-fill{transform:translateX(-100%);transition:var(--transition-duration-in) var(--transition-ease)}