.button_filled{color:var(--light);position:relative;overflow:hidden}.button_filled .color{position:absolute;transform:rotate(48deg);transition:transform var(--primary-button-transition)}.button_filled .color.color-1{left:0;width:60%;aspect-ratio:1/1.4;background:linear-gradient(180.85deg,#0026ff 43.65%,#001ecc 91.6%);transform:translateX(-140%) rotate(48deg)}.button_filled .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)}.button_filled .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)}.button_filled .color.color-4{left:96%;width:19%;aspect-ratio:1/4;background:linear-gradient(.66deg,#000833 29.57%,#000f66 52.66%);transform:translateX(-700%) rotate(48deg)}.button_filled:disabled .color{opacity:0}@media((hover:hover) and (pointer:fine)){.button_filled:hover:not(:disabled) .color-1{transform:translateX(0) rotate(48deg)}.button_filled:hover:not(:disabled) .color-2{transform:translateX(140%) rotate(48deg) scale(2)}.button_filled:hover:not(:disabled) .color-3{transform:translateX(240%) rotate(48deg)}.button_filled:hover:not(:disabled) .color-4{transform:translateX(250%) rotate(48deg) scaleX(.5)}}.button_filled.hover .color-1{transform:translateX(0) rotate(48deg)}.button_filled.hover .color-2{transform:translateX(140%) rotate(48deg) scale(2)}.button_filled.hover .color-3{transform:translateX(240%) rotate(48deg)}.button_filled.hover .color-4{transform:translateX(250%) rotate(48deg) scaleX(.5)}@media(hover:hover)and (pointer:fine){.button_text:focus-visible,.button_text:hover{background-color:var(--grey-100)}.button_text:active{outline-color:var(--grey-200)}}