@charset "UTF-8";
/* CSS Document */
<style>
.video-thumbnail {	
    margin: 5% auto;
    width: 300px;
    height: 300px;
    border: 4px solid #ae8b3d;
    border-radius: 10px;
}
.play-btn {
	margin-top:0px; 
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 108px;
    animation: animate 2s linear infinite;
    cursor: pointer;
    width: 100px;
    height: 100px;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.play-btn i {
    color: #ae8b3d;
    font-size: 102px;
}
.box {
	height: 150px;
	width: 150px;
    border-radius: 1em 1em 1em 1em;
    margin:  400px auto;
    padding: 2em;

}
@keyframes animate{
  0%{
    box-shadow: 0 0 0 0 rgba(255,255,255,0.8);
  }
  40%{
    box-shadow: 0 0 0 50px rgba(255,193,7,0);
  }
  80%{
    box-shadow: 0 0 0 50px rgba(255,193,7,0);
  }
  100%{
    box-shadow: 0 0 0 rgba(255,193,7,0);
  }
}
</style>