@keyframes moveBackground{0%,to{transform:translateX(-98%) translateY(-25%) rotate(45deg)}50%{transform:translateX(-70%) translateY(-25%) rotate(45deg)}}@keyframes scaleAnim{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideAnim{0%,to{transform:translateX(0)}50%{transform:translateX(10px)}}@keyframes rotateAnim{0%,to{transform:rotate(0deg)}50%{transform:rotate(3deg)}}@keyframes fadeAnim{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulseAnim{0%,to{box-shadow:0 10px 20px rgba(0,0,0,.25)}50%{box-shadow:0 0 30px rgba(0,0,0,.5)}}@keyframes bounceAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes tiltAnim{0%,to{transform:rotate(0deg)}50%{transform:rotate(-3deg)}}@keyframes waveAnim{0%,to{transform:skewX(0deg)}50%{transform:skewX(5deg)}}@keyframes zoomAnim{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes swingAnim{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}}:root{--btnX-color:#fff;--btnX-font-size:15px;--btnX-background-color:#222;--btnX-border-radius:100px;--btnX-box-shadow:#00000033;--btnX-after-background:#78c7d2}.btnX,.btnX span{font-size:var(--btnX-font-size)!important}.btnX{border:0!important;display:inline-block!important;text-align:center!important;cursor:pointer!important;text-transform:uppercase!important;outline:0!important;overflow:hidden!important;position:relative!important;color:var(--btnX-color)!important;font-weight:700!important;background-color:var(--btnX-background-color)!important;padding:17px 60px!important;margin:0!important;box-shadow:0 5px 15px var(--btnX-box-shadow)!important;border-radius:var(--btnX-border-radius)!important;text-decoration:none!important}.btnX span{position:relative;z-index:1}.btnX:after{content:"";position:absolute;left:0;top:0;height:490%;width:140%;background:var(--btnX-after-background);transform:translateX(-98%) translateY(-25%) rotate(45deg);animation:moveBackground 3s ease-in-out infinite alternate;transition:all 1s ease-in-out}.btn:active:after,.btnX:hover:after{transform:none;top:0;left:0;width:100%;height:100%;animation:none!important;transition:all .5s ease-in-out}:root{--cardX-font-color:white;--cardX-gradient-angle:135deg;--cardX-background-color-first:#fc5c7d;--cardX-background-color-second:#6a82fb;--cardX-radius:16px}.cardX,.cardX-content p{color:var(--cardX-font-color)!important;text-align:center!important}.cardX{border-radius:var(--cardX-radius)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:20px!important;animation-duration:2s!important;animation-iteration-count:infinite!important;animation-timing-function:ease-in-out!important;animation-play-state:running!important;transition:transform .3s ease,box-shadow .3s ease!important;box-shadow:0 10px 20px rgba(0,0,0,.25)!important;min-width:200px!important;background:linear-gradient(var(--cardX-gradient-angle),var(--cardX-background-color-first),var(--cardX-background-color-second))!important}.cardX:hover{animation:none!important;transform:none!important;box-shadow:0 6px 12px rgba(0,0,0,.2)!important}.cardX-content h3{margin:10px 0!important;font-size:20px!important;text-align:center!important}.cardX-content p{font-size:14px!important;margin-bottom:15px!important}.cardX.scale{animation-name:scaleAnim}.cardX.slide{animation-name:slideAnim}.cardX.rotate{animation-name:rotateAnim}.cardX.fade{animation-name:fadeAnim}.cardX.pulse{animation-name:pulseAnim}.cardX.bounce{animation-name:bounceAnim}.cardX.tilt{animation-name:tiltAnim}.cardX.wave{animation-name:waveAnim}.cardX.zoom{animation-name:zoomAnim}.cardX.swing{animation-name:swingAnim}