#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; } }