html,body{background-color:#2b2a2a;}

.pulse-button {

  position: relative;
  width: 150px;
  height: 150px;
  border: none;
  box-shadow: 0 0 0 0 rgba(244, 210, 113, 0.8);
  border-radius: 50%;
  background-color: transparent;
  background-image: url("blue-play-button.png");
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  margin:0 auto;
}
.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(224, 210, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(224, 210, 113, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(224, 210, 113, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(224, 210, 113, 0);}}

/*#f4d271 or 244,210,113 for shadow        */