#example-element{background-color:#1766aa;color:#fff;margin:auto;margin-left:0;border:5px solid #333;width:150px;height:150px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}#playstatus{font-weight:700}.animating{animation-name:slide;animation-duration:3s;animation-timing-function:ease-in;animation-iteration-count:2;animation-direction:alternate}@-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%}}