a.primary .color,button.primary .color{position:absolute;transform:rotate(48deg);transition:transform var(--primary-button-transition)}a.primary .color.color-1,button.primary .color.color-1{left:0;width:60%;aspect-ratio:1/1.5;background:linear-gradient(180.85deg,#0026ff 43.65%,#001ecc 91.6%);transform:translateX(-140%) rotate(48deg)}a.primary .color.color-2,button.primary .color.color-2{left:38%;width:28%;aspect-ratio:1/3;background:linear-gradient(178.6deg,#001799 26.24%,#001ecc 73.49%);transform:translateX(-300%) rotate(48deg)}a.primary .color.color-3,button.primary .color.color-3{left:74%;width:20%;aspect-ratio:1/5.5;background:linear-gradient(180deg,#001799 12.3%,#000f66 71.56%);transform:translateX(-700%) rotate(48deg)}a.primary .color.color-4,button.primary .color.color-4{left:96%;width:19%;aspect-ratio:1/4.5;background:linear-gradient(.66deg,#000833 29.57%,#000f66 52.66%);transform:translateX(-700%) rotate(48deg)}a.primary:not(.has-status):disabled .color,button.primary:not(.has-status):disabled .color{opacity:0}@media((hover:hover) and (pointer:fine)){a.primary:hover:not(:disabled) .color-1,button.primary:hover:not(:disabled) .color-1{transform:translateX(0) rotate(48deg)}a.primary:hover:not(:disabled) .color-2,button.primary:hover:not(:disabled) .color-2{transform:translateX(140%) rotate(48deg) scale(2)}a.primary:hover:not(:disabled) .color-3,button.primary:hover:not(:disabled) .color-3{transform:translateX(240%) rotate(48deg)}a.primary:hover:not(:disabled) .color-4,button.primary:hover:not(:disabled) .color-4{transform:translateX(250%) rotate(48deg) scaleX(.5)}}a.primary.hover .color-1,button.primary.hover .color-1{transform:translateX(0) rotate(48deg)}a.primary.hover .color-2,button.primary.hover .color-2{transform:translateX(140%) rotate(48deg) scale(2)}a.primary.hover .color-3,button.primary.hover .color-3{transform:translateX(240%) rotate(48deg)}a.primary.hover .color-4,button.primary.hover .color-4{transform:translateX(250%) rotate(48deg) scaleX(.5)}