কোনো প্লাগইন ছাড়াই Elementor YouTube ভিডিও বাটনে যুক্ত করুন আধুনিক “Blue Ripple” অ্যানিমেশন

/* Video Wrapper */
.elementor-widget-video .elementor-wrapper,
.elementor-widget-video .elementor-custom-embed-image-overlay {
position: relative !important;
overflow: visible !important;
}

/* Play Button Center Fix */
.elementor-widget-video .elementor-custom-embed-play {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;

width: 90px !important;
height: 90px !important;
border-radius: 50% !important;
background: #2b6eff !important;

display: flex !important;
align-items: center !important;
justify-content: center !important;

z-index: 10;
cursor: pointer;
box-shadow: 0 0 30px rgba(43,110,255,.45);

transition: all .35s ease;
}

/* Hover */
.elementor-widget-video .elementor-custom-embed-play:hover {
transform: translate(-50%, -50%) scale(1.08) !important;
}

/* Ripple */
.elementor-widget-video .elementor-custom-embed-play::before,
.elementor-widget-video .elementor-custom-embed-play::after {
content: "";
position: absolute;
top: 50%;
left: 50%;

width: 100%;
height: 100%;
border-radius: 50%;

background: rgba(43,110,255,.35);

transform: translate(-50%, -50%);
z-index: -1;

animation: premiumRipple 2.5s infinite;
}

.elementor-widget-video .elementor-custom-embed-play::after {
animation-delay: 1.2s;
}

/* Icon */
.elementor-widget-video .e-font-icon-svg {
width: 26px !important;
height: 26px !important;
fill: #fff !important;
margin-left: 4px;
}

/* Animation */
@keyframes premiumRipple {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: .7;
}

100% {
transform: translate(-50%, -50%) scale(2.7);
opacity: 0;
}
}