JSFiddle - React, Tailwind, and code Playground

HTML

<div id="raphael"></div>

JavaScript

var r = new Raphael('raphael', 500, 300);
var text = r.text(75,60,'Play').attr({'font-size' : 14, 'fill' : '#fff'});
var rect = r.rect(50,50,50,20,5).attr({'fill' : '#35f', 'stroke' : 0});
var playButtonRef = r.set().push(rect).push(text.toFront());

var playBBox = playButtonRef.getBBox();
var xPos = playBBox.x + (playBBox.width / 2);
var yPos = playBBox.y + 25;

var animObject = Raphael.animation({transform: "R60,"+ xPos +"," + yPos}, 3000, function() {
   playButtonRef.animate({transform: "R0," + xPos +"," + yPos}, 3000); 
});
playButtonRef.animate(animObject);