.ecomus-video-popup {
    position: relative;

    .full-box-button,
	.ecomus-video-popup__featured-image {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
    }

    .full-box-button {
        z-index: 1;
    }
}

.ecomus-video-popup__featured-image {
	background-repeat: no-repeat;
    background-size: cover;

	&.has-box-shadow {
		box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
	}
}

.ecomus-video-popup__marker .ecomus-svg-icon,
.ecomus-video-popup__marker {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ecomus-video-popup__marker {
	display: block;
	width: 100px;
    height: 100px;
    background-color: var(--em-color__light);
    color: var(--em-color__dark);
	border-radius: 100%;
    cursor: pointer;
	position: relative;

    &:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		top: 0;
		left: 0;
		padding: 0;
		z-index: -1;
		box-shadow: 0 0 0 2px #ffffff1a;
		opacity: 0;
		transform: scale(.9);
		pointer-events: none;
    }

	&:hover {
		&:after {
			animation: sonarEffect 1s ease-in-out;
		}
	}

    .ecomus-svg-icon {
		@include font-size(21/16);
    	color: var(--em-color__dark);
    }
}