.category-box{background:linear-gradient(155deg,#fff,#fff 72%,#f8fafc);border:2px solid #ff6b00;border-radius:.5rem;box-shadow:0 8px 18px #0f172a14;color:#4d2000;cursor:pointer;display:block;overflow:hidden;padding:.5rem;position:relative;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.category-box:before{background:radial-gradient(circle at center,#ff6b006b 0,#fff0 68%);content:"";height:75%;opacity:.16;pointer-events:none;position:absolute;right:-15%;top:-35%;transition:opacity .25s ease;width:75%}.category-box:hover{box-shadow:0 15px 28px #0f172a24;transform:translateY(-4px)}.category-box:hover:before{opacity:.24}ul .router-link-active,ul .router-link-exact-active{background:#ff6b00!important;background-image:none!important;border-color:#ff6b00!important;color:#fff!important}ul .router-link-active:after,ul .router-link-active:before,ul .router-link-exact-active:after,ul .router-link-exact-active:before{opacity:0!important}@media (prefers-reduced-motion:reduce){.category-box{transition:box-shadow .25s ease}}