#snackys-tpl button.to-basket-loading {
    cursor: wait;
    opacity: 1;
}

#snackys-tpl button.to-basket-loading svg.to-basket-spinner {
    display: inline-block;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    fill: currentColor;
    stroke: none;
    vertical-align: middle;
    animation: to-basket-spinner-rotate .75s linear infinite;
}

@keyframes to-basket-spinner-rotate {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    #snackys-tpl button.to-basket-loading svg.to-basket-spinner {
        animation: none;
    }
}
