// creates a relaive shaved play button of different sizes
@mixin play-button ($sizeMultiplier : 1) {
	position: relative;
  &:after,
  &:before {
    display: block;
    position: absolute;
  }
  &:after {
    background-color: white;
    content: '';
    height: $sizeMultiplier * 1em;
    left: calc(50% - #{($sizeMultiplier / 2) + em});
    top: calc(50% - #{($sizeMultiplier / 2) + em});
    width: $sizeMultiplier * 1em;
  }
	&:before {
	  color: $color-link !important; //override more specific link colors
		content: $fa-var-youtube-play;
		height: $sizeMultiplier * 2em;
		font-family: $font-icons;
		font-size: $sizeMultiplier * 2em;
	  left: calc(50% - #{$sizeMultiplier * 1em});
		line-height: $sizeMultiplier * 2em;
		text-align: center;
	  top: calc(50% - #{$sizeMultiplier * 1em});
	  width: $sizeMultiplier * 2em;
	  z-index: 1;
	}
}