.btn-shiny{--btn-bg-1: hsla(194 100% 69% / 1);--btn-bg-2: hsla(217 100% 56% / 1);cursor:pointer;padding:.9em 1.4em;min-width:120px;min-height:44px;transition:.8s;background-size:280% auto;background-image:linear-gradient(325deg,var(--btn-bg-2) 0%,var(--btn-bg-1) 55%,var(--btn-bg-2) 90%);border:none;box-shadow:0 0 20px #47b8ff80,0 5px 5px -1px #3a7de940,inset 4px 4px 8px #afe6ff80,inset -4px -4px 8px #135fd859}.btn-shiny:hover{background-position:right top}.btn-shiny:is(:focus,:focus-visible,:active){outline:none;box-shadow:0 0 0 6px var(--btn-bg-2)}@media (prefers-reduced-motion: reduce){.btn-shiny{transition:linear}}