.vxa-video-wrapper{
	position:relative;
	width:100%;
	background:#000;
}

.vxa-video{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

/* ASPECT RATIOS */

.aspect-square{aspect-ratio:1/1;}
.aspect-landscape{aspect-ratio:16/9;}
.aspect-portrait{aspect-ratio:9/16;}
.aspect-landscape43{aspect-ratio:4/3;}
.aspect-portrait34{aspect-ratio:3/4;}

/* RESET ELEMENTOR BUTTON STYLES */
.vxa-play-toggle{
	all:unset;
}

/* HARD RESET ELEMENTOR BUTTON STATES */
.vxa-play-toggle,
.vxa-play-toggle:hover,
.vxa-play-toggle:focus,
.vxa-play-toggle:active{
	background:rgba(0,0,0,0.6) !important;
	color:#fff !important;
	box-shadow:none !important;
	outline:none !important;
	border:1px solid #fff !important;
}


/* BUTTON BASE */
.vxa-play-toggle{
	position:absolute;
	top:14px;
	right:14px;
	width:52px;
	height:52px;
	border:1px solid #fff;
	border-radius:50%;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(0,0,0,0.6);
	transition:opacity .25s ease, transform .25s ease;
	z-index:5;
}

/* OPTIONAL BLUR */
.vxa-play-toggle.is-blur{
	backdrop-filter:blur(9px);
	-webkit-backdrop-filter:blur(9px);
}

/* ICON SIZE FIX */
.vxa-icon{
	width:22px;
	height:22px;
	fill:#fff;
}

/* PLAY / PAUSE VISIBILITY */
.vxa-pause{display:none;}

.vxa-widget.is-playing .vxa-play{
	display:none;
}

.vxa-widget.is-playing .vxa-pause{
	display:block;
}

/* FADE WHEN PLAYING */
.vxa-widget.is-playing .vxa-play-toggle{
	opacity:0;
	pointer-events:none;
}

.vxa-widget:hover .vxa-play-toggle{
	opacity:1;
	pointer-events:auto;
}