/* Homepage order button: one lightweight shine, synchronized to the 3.8s brand cycle. */
#orderBtn::after{
    content:"";
    position:absolute;
    top:-25%;
    bottom:-25%;
    left:-6px;
    width:3px;
    background:#fff;
    transform:translate3d(0,0,0) rotate(18deg);
    opacity:0;
    pointer-events:none;
    z-index:1;
    animation:orderButtonShine 3.8s linear infinite;
}

#orderBtn > *{
    position:relative;
    z-index:2;
}

@keyframes orderButtonShine{
    0%,8%{
        transform:translate3d(0,0,0) rotate(18deg);
        opacity:0;
    }
    14%{opacity:1;}
    72%{
        transform:translate3d(-160px,0,0) rotate(18deg);
        opacity:1;
    }
    80%,100%{
        transform:translate3d(-160px,0,0) rotate(18deg);
        opacity:0;
    }
}

@media (prefers-reduced-motion:reduce){
    #orderBtn::after{animation:none;display:none;}
}