#example-element{align-items:center;background-color:#1766aa;border-radius:50%;border:5px solid #333;color:#fff;display:flex;flex-direction:column;height:150px;justify-content:center;margin:auto;margin-left:0;width:150px}#playstatus{font-weight:700}.animating{animation-name:slide;animation-duration:3s;animation-timing-function:ease-in}@-webkit-keyframes slide{from{background-color:orange;color:#000;margin-left:0}to{background-color:orange;color:#000;margin-left:80%}}@keyframes slide{from{background-color:orange;color:#000;margin-left:0}to{background-color:orange;color:#000;margin-left:80%}}