@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.content[data-v-1ac25d77]{display:inline-flex;align-items:center;justify-content:center;gap:8px}.label[data-v-1ac25d77]{line-height:1;color:#fff}.card[data-v-1ac25d77]{position:relative;min-width:220px;height:44px;padding:0 20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;cursor:pointer;z-index:0;overflow:visible;transition:transform .25s ease,box-shadow .25s ease;transform-origin:center}.card-bg[data-v-1ac25d77]{position:absolute;inset:2px;border-radius:8px;background:#ffffff1f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:-1}.card[data-v-1ac25d77]:hover{transform:scale(1.05)}.card[data-v-1ac25d77]:before{content:"";position:absolute;inset:-3px;border-radius:inherit;padding:3px;background:conic-gradient(from var(--angle),#4d080c,#e6e6e6,#4d080c,#e6e6e6,#4d080c);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:none;z-index:-1}.card[data-v-1ac25d77]:after{content:"";position:absolute;inset:-10px;border-radius:inherit;background:conic-gradient(from var(--angle),rgba(255,255,255,.6),rgba(77,8,12,.6),rgba(255,255,255,.6),rgba(77,8,12,.6),rgba(255,255,255,.6));filter:blur(30px);opacity:.5;animation:none;z-index:-2}.card[data-v-1ac25d77]:hover:before,.card[data-v-1ac25d77]:hover:after{animation:spin-1ac25d77 6s linear infinite}@keyframes spin-1ac25d77{to{--angle: 360deg}}