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