.video-area{position:relative;z-index:1}.video-view-content{text-align:center;position:relative;z-index:2}.video-view-content .video-image{overflow:hidden;border-radius:15px;box-shadow:var(--box-shadow)}.video-view-content .video-image img{transition:var(--transition);border-radius:15px}.video-view-content .video-btn{width:100px;height:100px;line-height:90px;background-color:var(--black-color);border-radius:50%;color:var(--secondary-color);position:absolute;z-index:1;top:50%;transform:translateY(-50%);left:0;right:0;margin:auto;text-align:center;font-size:65px;transition:var(--transition);border:2px solid var(--main-color)}.video-view-content .video-btn i{transition:var(--transition);background:var(--tertiary-color);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:60px}.video-view-content .video-btn:before{content:"";display:block;position:absolute;top:0;right:0;z-index:-1;bottom:0;left:0;border-radius:50%;border:2px solid var(--tertiary-color);animation:ripple 2s linear infinite}.video-view-content .video-btn:hover{background-color:var(--tertiary-color)}.video-view-content .video-btn:hover:before{border:2px solid var(--main-color)}.video-view-content .video-btn:hover i{background:var(--main-color);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.video-view-content:hover .video-image{overflow:hidden}.video-view-content:hover .video-image img{transform:scale(1.1);filter:blur(5px)}@keyframes ripple{0%{transform:scale(1)}75%{transform:scale(1.75);opacity:1}to{transform:scale(2);opacity:0}}