:root {	
	--dark-color: #1F1F1F;
	--grey-color: #E1DCD4;
}


.hmc-video-wrapper {position:relative;width:100%;max-width:100%;aspect-ratio:16/9;cursor:pointer;overflow:hidden; }

.hmc-video-thumb {width:100%;height:100%;object-fit:cover;display:block; transition: all 0.3s ease}
.hmc-video-wrapper:hover .hmc-video-thumb {transform: scale(1.02); transition: all 0.3s ease}

.hmc-play-button {position:absolute;top:50%;left:50%;width:68px;height:68px;background:var(--dark-color);border-radius:100%;transform:translate(-50%,-50%); transition: all 0.3s ease}
.hmc-play-button::before {content:"";position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);border-style:solid;border-width:15px 0 15px 23px;border-color:transparent transparent transparent var(--grey-color); transition: all 0.3s ease}

.hmc-video-wrapper:hover .hmc-play-button {background: var(--grey-color) !important; transition: all 0.3s ease}
.hmc-video-wrapper:hover .hmc-play-button:before {border-color:transparent transparent transparent var(--dark-color); transition: all 0.3s ease}

/*.hmc-play-button:hover {background: var(--grey-color) !important; transition: all 0.3s ease}
.hmc-play-button:hover:before {border-color:transparent transparent transparent var(--dark-color); transition: all 0.3s ease}*/