.nb-ripple-button-v7{position:relative;overflow:hidden;cursor:pointer;display:flex;justify-content:center;align-items:center;width:fit-content;--duration:attr(data-duration)}.nb-ripple-button-v7__text{position:relative;z-index:2}.nb-ripple-button-v7::before{content:attr(data-text);opacity:0;position:absolute;z-index:1}.nb-ripple-button-v7:hover .nb-ripple-button-v7__text{opacity:0;transition:all var(--text-translate-duration) var(--text-translate-ease)}.nb-ripple-button-v7[data-text-to="bottom"]::before{transform:translateY(calc(var(--text-translate) * -1))}.nb-ripple-button-v7[data-text-to="bottom"]:hover .nb-ripple-button-v7__text{transform:translateY(var(--text-translate))}.nb-ripple-button-v7[data-text-to="top"]::before{transform:translateY(var(--text-translate))}.nb-ripple-button-v7[data-text-to="top"]:hover .nb-ripple-button-v7__text{transform:translateY(calc(var(--text-translate) * -1))}.nb-ripple-button-v7:hover::before{opacity:1;transform:translateY(0);transition:all calc(var(--text-translate-duration) * 1.5) var(--text-translate-ease)}.nb-ripple-button-v7__mask{position:absolute;border-radius:100%;width:50%;height:100%;transition:all var(--ripple-duration) var(--ripple-ease)}.nb-ripple-button-v7:hover .nb-ripple-button-v7__mask{border-radius:0%;width:150%;transition:unset}.nb-ripple-button-v7[data-mask-to="top"] .nb-ripple-button-v7__mask{top:-100%}.nb-ripple-button-v7[data-mask-to="top"]:hover .nb-ripple-button-v7__mask{top:0}.nb-ripple-button-v7[data-mask-to="bottom"] .nb-ripple-button-v7__mask{top:100%}.nb-ripple-button-v7[data-mask-to="bottom"]:hover .nb-ripple-button-v7__mask{top:0}