.lu-button{position:relative;display:flex;align-items:center;border-radius:32px;padding:8px 32px;width:max-content;cursor:pointer;font-weight:700;max-width:100%;text-align:center;line-height:24px}@media screen and (min-width: 768px){.lu-button{padding:16px 48px}}@media screen and (max-width: 767px){.lu-button{width:100%;padding:16px;justify-content:center}}.lu-button.blue{color:#fff;overflow:hidden;box-shadow:0 4px 20px #6982e4;background:radial-gradient(100% 100% at 100% 0%,#77d8ff,#6982e4);background-size:100% 200%;background-position:0% 0%;transition:background-position .3s ease,box-shadow .3s ease}.lu-button.blue:hover{background-position:0% 100%;box-shadow:0 4px 20px #6982e4}.lu-button.white{position:relative;background:radial-gradient(100% 100% at 100% 0%,#77d8ff,#6982e4);border:1px solid #6982E4;box-shadow:0 4px 20px #6982e44d;-webkit-background-clip:text;-webkit-text-fill-color:transparent;overflow:hidden}.lu-button.white:before{opacity:0;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(100% 100% at 100% 0%,#77d8ff26,#6982e426);transition:opacity .3s ease}.lu-button.white:hover{box-shadow:0 4px 20px #6982e480}.lu-button.white:hover:before{opacity:1}.lu-button.coral{color:#fff;background:radial-gradient(100% 189.98% at 100% 0%,#ffa49f,#f02e23);box-shadow:0 4px 20px #f02e23}.lu-button.pink{color:#fff;background:radial-gradient(100% 189.98% at 100% 0%,#ffb4d9,#ff62af);box-shadow:0 4px 20px #ffb4d9}.lu-button.pink:hover{box-shadow:0 4px 20px #ff62afcc}.lu-button.pink:hover:before{opacity:1}