@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}.type-3{display:inline-block}.type-3 .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;min-height:56px;padding:0 76px 0 36px;color:#fff;text-decoration:none;line-height:1;background:linear-gradient(90deg,rgb(36 36 36 / .55),rgb(52 52 52 / .55));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .08);border-radius:30px;box-shadow:inset 0 1px 0 rgb(255 255 255 / .05),0 8px 32px rgb(0 0 0 / .35);transition:box-shadow 0.4s ease,transform 0.3s ease}.type-3 .btn::before{content:"";position:absolute;inset:-2px;border-radius:32px;padding:2px;background:conic-gradient(from var(--angle),transparent 0%,#6E4AB1 15%,#B388FF 25%,#6E4AB1 35%,transparent 50%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:type3-rotate 4s linear infinite;z-index:-1;pointer-events:none}@keyframes type3-rotate{to{--angle:360deg}}.type-3 .btn:hover{box-shadow:inset 0 1px 0 rgb(255 255 255 / .05),0 12px 40px rgb(110 74 177 / .25)}.type-3 .btn:hover::before{animation-duration:1.5s}.type-3 .btn .txt{position:relative;z-index:3;display:inline-flex;align-items:center;color:#ffffff!important;font-weight:300;font-size:14px;line-height:1;white-space:nowrap}.type-3 .btn .round{position:absolute;right:7px;top:50%;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#130626,#3D116F,#6E4AB1);border:1px solid #fff;z-index:3;transform:translateY(-50%);animation:type3-pulse 2s ease-out infinite;transition:transform 0.3s ease,box-shadow 0.3s ease}@keyframes type3-pulse{0%{box-shadow:0 0 0 0 rgb(110 74 177 / .7)}70%{box-shadow:0 0 0 14px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.type-3 .btn:hover .round{animation-play-state:paused;transform:translateY(-50%) scale(1.08);box-shadow:0 0 20px rgb(110 74 177 / .6)}.type-3 .btn .round svg{display:block;flex-shrink:0;transition:transform 0.4s cubic-bezier(.68,-.55,.27,1.55)}.type-3 .btn:hover .round svg{animation:type3-arrow-bounce 0.6s cubic-bezier(.68,-.55,.27,1.55)}@keyframes type3-arrow-bounce{0%{transform:translateX(0)}50%{transform:translateX(5px)}100%{transform:translateX(0)}}@media (max-width:480px){.type-3 .btn{min-height:52px;padding:0 68px 0 28px;border-radius:28px}.type-3 .btn::before{border-radius:30px}.type-3 .btn .txt{font-size:14px}.type-3 .btn .round{right:7px;width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.type-3 .btn::before,.type-3 .btn .round,.type-3 .btn:hover .round svg{animation:none!important}.type-3 .btn,.type-3 .btn .round,.type-3 .btn .round svg{transition:none!important}}