span[data-ripple-container]{height:100%;left:0;opacity:.66;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}span[data-ripple-container] div{animation:ripple .6s linear;background:var(--color-link-secondary);border-radius:99999px;position:absolute;transform:scale(0)}.btn-link span[data-ripple-container]{display:none}@keyframes ripple{to{opacity:0;transform:scale(4)}}button[data-slot=button]{position:relative}button .bg{height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;width:calc(100% + 4px);z-index:-1}button.text-gradient:hover{background:none;color:#fff;-webkit-text-fill-color:unset}button.text-gradient{background:linear-gradient(90deg,#510742,#d702a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}button.btn-outline{border:2px solid transparent;border-image-slice:1;border-image-source:linear-gradient(to top right,#510742,#d702a5);z-index:2}button.btn-outline:hover{border:2px solid transparent;border-radius:inherit;color:#fff}button.btn-outline .bg{background-image:linear-gradient(44deg,#ff7b00,#d702a5 40%,transparent 60%,transparent);background-position:100%;background-size:300% 100%;transition:background-position .3s ease,color .3s ease}button.btn-outline:hover .bg{background-position:0}