.hello-video-container {
position: fixed;
bottom: 15px;
left: 15px;
width: 125px;
height: 222px;
cursor: pointer;
transition: all 0.4s ease;
z-index: 999;
background: black;
border-radius: 8px;
display: none !important;
}

.hello-video-container:hover:not(.hello-expanded) {
transform: scale(1.05);
}

.hello-video-container.hello-expanded {
width: 315px;
height: 514px;
bottom: 63px;
transform: scale(1);
}

.hello-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hello-video-box {
overflow: hidden;
border-radius: 8px;
}

.hello-control-btn {
position: absolute;
top: -11px;
right: -11px;
width: 24px;
height: 24px;
background: black;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-weight: bold;
cursor: pointer;
opacity: 0;
transition: opacity 0.2s;
z-index: 10;
pointer-events: auto;
}

.hello-control-btn.hello-close-btn {
display: flex;
}

.hello-control-btn.hello-minimize-btn {
display: none;
}

.hello-video-container.hello-expanded .hello-control-btn.hello-minimize-btn {
display: flex;
}

.hello-video-container:hover:not(.hello-expanded) .hello-control-btn.hello-close-btn {
opacity: 1;
}
@media (hover: none) {
.hello-video-container:not(.hello-expanded) .hello-control-btn.hello-close-btn {
opacity: 1;
}
}

.hello-video-container.hello-expanded .hello-control-btn.hello-close-btn {
display: none;
}
.hello-video-container.hello-expanded .hello-control-btn.hello-minimize-btn {
opacity: 1;
}

.hello-play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: black;
font-size: 24px;
cursor: pointer;
opacity: 0;
pointer-events: none;
z-index: 15;
}

.hello-video-container.hello-expanded.hello-paused .hello-play-icon {
opacity: 1;
pointer-events: auto;
}

.hello-submit-btn {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background: #ff6b00;
color: white;
border: none;
padding: 12px 30px;
border-radius: 30px;
font-size: 16px;
cursor: pointer;
z-index: 10;
transition: opacity 0.3s;
pointer-events: auto;
display: none;
width: 240px;
}

.hello-video-container.hello-expanded .hello-submit-btn {
display: block;
}

.hello-submit-btn:hover {
opacity: 0.9;
}

.hello-hidden {
display: none;
}

@media (max-width: 980px) {
.hello-video-container {
display: none;
}
}