?? GreyFile — Mystic File Browser

Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/shortcodes/


?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules

?? Viewing: _videobutton.scss

/* ==========================================================================
   Video Button shortcode start styles
   ========================================================================== */
.edgtf-video-button-play{
	width: 65px;
	height: 65px;
	display: block;
	line-height: 65px;
	font-size: 50px;
	margin: 0 auto;

	.edgtf-video-button-wrapper{
		width: 100%;
		height: 100%;
		display: block;
		position: relative;
		background-color: #898989;
		color: #fff;
		@include edgtfTransition(background-color .15s ease, color .15s ease);
		@include edgtfBorderRadius(50%);

		&:hover{
			background-color: #000;
			color: $first-main-color;
		}

		span{
			position: absolute;
			top: 50%;
			left: 50%;
			@include edgtfTransform(translate(-50%,-50%));
		}
	}
}

.edgtf-video-button-title{
	text-align: center;
	margin-top: 20px;
}
/* ==========================================================================
   Video Button shortcode end styles
   ========================================================================== */

??

??