.ActionButton[data-v-45cb7164]{background:linear-gradient(135deg,#25d0a51a,#7e22ce33);border:none;border-radius:10px;box-shadow:0 4px 15px -5px #0003;color:#fff;outline:none;position:relative;transform:translateY(0);transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow,background}.ActionButton[data-v-45cb7164]:before{background:linear-gradient(45deg,#8b5cf6,#ec4899,#8b5cf6);border-radius:10px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;padding:2px;position:absolute;right:0;top:0;transition:opacity .3s ease}.ActionButton[data-v-45cb7164]:hover{box-shadow:0 8px 25px -5px #8b5cf680;transform:translateY(-2px)}.ActionButton[data-v-45cb7164]:hover:before{animation:borderRotate-45cb7164 3s linear infinite;opacity:1}.ActionButton[data-v-45cb7164]:active{box-shadow:0 2px 10px -2px #8b5cf680;transform:translateY(1px)}@keyframes gradientPulse-45cb7164{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes borderRotate-45cb7164{0%{--angle:0deg}to{--angle:360deg}}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@supports not (background:paint(something)){.ActionButton[data-v-45cb7164]:before{animation:borderRotateFallback-45cb7164 3s linear infinite;background:linear-gradient(45deg,#8b5cf6,#ec4899)}@keyframes borderRotateFallback-45cb7164{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}}