.magnetic-button-wrapper{position:relative}.magnetic-button{background-color:var(--bg-color);border:var(--border-weight) solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-family:inherit;font-size:inherit;overflow:hidden;padding:var(--vertical-padding) var(--horizontal-padding);position:relative;text-decoration:none;transition:transform .15s ease-out,background-color .3s ease,box-shadow .15s ease-out}.magnetic-button,.magnetic-button.circle{align-items:center;box-shadow:var(--box-shadow);display:inline-flex;justify-content:center}.magnetic-button.circle{border-radius:50%;height:var(--button-diameter);padding:0;width:var(--button-diameter)}.magnetic-button:hover{background-color:var(--hover-bg-color)}.magnetic-button:active{background-color:var(--active-bg-color)}.cursor{display:none;height:25px;position:fixed;transition:transform .2s ease,opacity .2s ease;width:25px;z-index:10000}.cursor,.ripple{pointer-events:none}.ripple{animation:rippleEffect .6s linear;background-color:rgba(3,169,244,.5);border-radius:50%;position:absolute;transform:scale(0)}@keyframes rippleEffect{to{opacity:0;transform:scale(4)}}.button-text{display:inline-block;text-align:center}@media (hover:none){.magnetic-button{overflow:visible}}