.btn-gradient{z-index:1;position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(90deg,#4285f4 0%,#7b68ee 55%,#ba68c8 100%)!important;transition:all .3s!important;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014!important}.btn-gradient:hover{box-shadow:0 7px 14px #0000001a,0 3px 6px #00000014!important}.btn-gradient:before{content:"";z-index:-1;opacity:0;background:linear-gradient(90deg,#3b78de 0%,#6a5ad4 55%,#a75bb3 100%);border-radius:.75rem;transition:opacity .3s;position:absolute;inset:0}.btn-gradient:hover:before{opacity:1}.btn-gradient:after{content:"";z-index:-2;filter:blur(8px);background:linear-gradient(90deg,#4285f4 0%,#9071ff 35%,#ba68c8 70%,#4285f4 100%) 0 0/200% 200%;border-radius:.75rem;animation:3s ease-in-out infinite breathe;position:absolute;inset:-20%}@keyframes breathe{0%{opacity:.6;background-position:0%;transform:scale(1)}50%{opacity:1;background-position:100%;transform:scale(1.4)}to{opacity:.6;background-position:0%;transform:scale(1)}}.dark .btn-gradient{background:linear-gradient(90deg,#5c9cff 0%,#9782ff 55%,#d67fe6 100%)!important}.dark .btn-gradient:before{background:linear-gradient(90deg,#4d8aec 0%,#8773e6 55%,#c76dd3 100%)}.dark .btn-gradient:after{background:linear-gradient(90deg,#5c9cff 0%,#a08bff 35%,#d67fe6 70%,#5c9cff 100%) 0 0/200% 200%}