ytp-button{position:relative;@include size($circle-size);background:white;border-radius:50%;transform:scale(0);animation:scaleIn 500ms cubic-bezier(0.075,0.82,0.165,1) 500ms forwards}ytp-button:after,ytp-button:before{@extend .play-circle;@include position(absolute,50% null null 50%);content:'';opacity:.04}&:before{@include size($circle-size*2);margin-left:-$circle-size;margin-top:-$circle-size}&:after{@include size($circle-size*3);margin-left:-$circle-size*1.5;margin-top:-$circle-size*1.5}}.play-icon{@include position(absolute,0 0 0 0);background:white;border-radius:50%;box-shadow:0 3px 24px rgba(black,.3);transition:transform 350ms ease;&:after{content:'';display:block;@include position(absolute,50% null null 50%);transform:translate(-35%,-50%);width:0;height:0;border-top:10px solid transparent;border-left:15px solid $primary-color;border-bottom:10px solid transparent}}&:hover{.play-icon{transform:scale(1.1)}span{@include transform(translateX(0.3rem))}}}