@media (max-width: 992px){
    .form-request{
        width: 100%;
    }

    .img-video{
        z-index: -1;
    }


  }

  @media (min-width: 991.98px){
    .form-request{
        width: 50%;
    }

    .img-video{
        position: absolute;
        z-index: -1;
        width: 25%;
        left: 10%;
        top: 5%;
    }

    .video-btn{
        position: absolute;
        top: 85%;
        left: 5%;
    }

    .img-users{
        position: absolute;
        top: 0%;
        left: 22%;
        scale: 0.6;
    }

    .ellipse{
        position: absolute;
        left: 0.6%;
        top: -30%;
        scale: 0.65;
        z-index: -3;
    }
  }

.video-btn {
    border-color: rgb(8, 56, 98);
    background-color: white;
    color: rgb(8, 56, 98);
    transition: background-color 0.3s, color 0.3s;
}

.video-btn img {
    width: 1.7em;
    filter: invert(1);
    transition: filter 0.3s;
}

/* Add specific styles for different states if needed */
.video-btn:hover {
    background-color: rgb(8, 56, 98);
    color: white;
}

.video-btn:hover img {
    filter: invert(0);
}