/* ==========================================================================
   Video Button shortcode start styles
   ========================================================================== */

.qodef-video-button {
	position: relative;
	display: inline-block;
	vertical-align: middle;

	.qodef-m-play {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 60px;
		line-height: 1;

		span {
			display: block;
			line-height: inherit;
			
			svg {
				fill:none;
				stroke:currentColor;
				stroke-linecap:round;
				stroke-linejoin:round;
				stroke-miterlimit:10;
				width: 60px;
				overflow: visible;
				
				circle {
					transition: .45s $custom-transition-timing;
					transform: scale(1);
					transform-origin: 50% 50%;
				}
			}
		}
		
		&:hover {
			span {
				svg circle{
					transform: scale(1.15);
				}
			}
		}
	}
}
/* ==========================================================================
   Video Button shortcode end styles
   ========================================================================== */