.player {
  position:relative;
  z-index:1;
  -webkit-box-shadow:0px 7px 13px 0px rgba(0,0,0,.15);
  box-shadow:0px 7px 13px 0px rgba(0,0,0,.15);
  margin: 20px auto;
}
.player {
  background:url(/templates/gridbox/girl.jpg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  width:250px;
  height:250px;
  border-radius:50%;
  border:15px solid #FF0000;
}
.player-btn {
  border:none;
  outline:none;
  width:100%;
  height:100%;
  border-radius:50%;
  background:linear-gradient(45deg, rgba(137, 137, 137,0.5), rgba(238, 238, 238, 0.5));
  -webkit-animation:mahmud 2s linear infinite;
  animation:mahmud 2s linear infinite
}
.player-btn i {
  font-size:40px;
  color:var(--white);
  text-shadow:5px 5px 0px rgba(0,0,0,.3)
}
@-webkit-keyframes mahmud {
  0% {
    -webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,.7),0px 0px 0px 0px rgba(255,255,255,.7);
    box-shadow:0px 0px 0px 0px rgba(255,255,255,.7),0px 0px 0px 0px rgba(255,255,255,.7)
  }
  30% {
    -webkit-box-shadow:0px 0px 0px 20px rgba(255,255,255,0),0px 0px 0px 0px rgba(255,255,255,.7);
    box-shadow:0px 0px 0px 20px rgba(255,255,255,0),0px 0px 0px 0px rgba(255,255,255,.7)
  }
  60% {
    -webkit-box-shadow:0px 0px 0px 20px rgba(255,255,255,0),0px 0px 0px 15px rgba(255,255,255,0);
    box-shadow:0px 0px 0px 20px rgba(255,255,255,0),0px 0px 0px 15px rgba(255,255,255,0)
  }
  100% {
    -webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,0),0px 0px 0px 15px rgba(255,255,255,0);
    box-shadow:0px 0px 0px 0px rgba(255,255,255,0),0px 0px 0px 15px rgba(255,255,255,0)
  }
}
@keyframes mahmud {
  0% {
    -webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,.7),0px 0px 0px 0px rgba(255,255,255,.7);
    box-shadow:0px 0px 0px 0px rgba(255,255,255,.7),0px 0px 0px 0px rgba(255,255,255,.7)
  }
  30% {
    -webkit-box-shadow:0px 0px 0px 20px rgba(255,255,255,0),0px 0px 0px 0px rgba(255,255,255,.7);
    box-shadow:0px 0px 0px 20px rgba(255,255,255,0),0px 0px 0px 0px rgba(255,255,255,.7)
  }
  60% {
    -webkit-box-shadow:0px 0px 0px 20px rgba(255,255,255,0),0px 0px 0px 15px rgba(255,255,255,0);
    box-shadow:0px 0px 0px 20px rgba(255,255,255,0),0px 0px 0px 15px rgba(255,255,255,0)
  }
  100% {
    -webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,0),0px 0px 0px 15px rgba(255,255,255,0);
    box-shadow:0px 0px 0px 0px rgba(255,255,255,0),0px 0px 0px 15px rgba(255,255,255,0)
  }
}