#widget_container {
  height: 100px;
  width: 250px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
#outer_widget__div {
  height: 50px;
  width: 160px;
  background-color: #1a1919;
  border-radius: 50px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-end;
}
#outer_widget__div p {
  color: #fff !important;
  font-size: 16px !important;
  font-family: "Arial" !important;
  margin: 0 8px 0 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-content: center !important;
}

#myBtn {
  position: relative;
  display: flex;
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  background: green;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
#myBtn span {
  font-size: 30px !important;
  color: #fff !important;
}
#myBtn::after {
  opacity: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  content: "" !important;
  height: 100% !important;
  width: 100% !important;
  border: 5px solid rgba(0, 0, 0, 0.7) !important;
  border-radius: 100% !important;
  -webkit-animation-name: ripple !important;
  animation-name: ripple !important;
  -webkit-animation-duration: 3s !important;
  animation-duration: 3s !important;
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important;
  -webkit-animation-iteration-count: infinite !important;
  animation-iteration-count: infinite !important;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1) !important;
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1) !important;
  z-index: -1 !important;
}
#myBtn::before {
  opacity: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  content: "" !important;
  height: 100% !important;
  width: 100% !important;
  border: 5px solid rgba(0, 0, 0, 0.7) !important;
  border-radius: 100% !important;
  -webkit-animation-name: ripple !important;
  animation-name: ripple !important;
  -webkit-animation-duration: 3s !important;
  animation-duration: 3s !important;
  -webkit-animation-delay: 0.5s !important;
  animation-delay: 0.5s !important;
  -webkit-animation-iteration-count: infinite !important;
  animation-iteration-count: infinite !important;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1) !important;
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1) !important;
  z-index: -1 !important;
}

@-webkit-keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(2.5, 2.5, 1);
  }
}

@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(2.5, 2.5, 1);
  }
}
.close_btn {
  float: left !important;
  z-index: 99999 !important;
  position: absolute !important;
  margin: auto !important;
  top: 0px !important;
  right: 0px !important;
  display: block !important;
  color: red !important;
  text-align: right !important;
  width: 100% !important;
  left: 0em !important;
}

.videoBgWrapper {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 999999;
}

.videoBg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99999;
}

/*.close-button {
         z-index: 9999999999;
         display: none;
         position: fixed;
         top: 20px;
         background-color: #000;
      }*/
.close-button button {
  background: rgba(0, 0, 0, 0);
  color: #fff;
  width: 50px;
  height: 50px;
  border: none;
  font-size: 30px;
}

.top-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
}
@media screen and (max-width: 320px) {
  .close-button {
    z-index: 99999;
    position: absolute;
    right: 283px !important;
  }
}
@media screen and (min-width: 370px) {
  .close-button {
    z-index: 99999;
    position: absolute;
    right: 338px !important;
  }
}
@media screen and (min-width: 425px) {
  .close-button {
    z-index: 99999;
    position: absolute;
    right: 386px !important;
  }
}
@media screen and (min-width: 768px) {
  .close-button {
    z-index: 99999;
    position: absolute;
    right: 101px !important;
  }
}
@media screen and (min-width: 1024px) {
  .close-button {
    z-index: 99999;
    position: absolute;
    right: 183px !important;
  }
}

@media screen and (min-width: 1004px) {
  .close-button {
    z-index: 99999;
    position: absolute;
    right: 380px !important;
  }
}
@media screen and (min-width: 1440px) {
  .close-button {
    z-index: 99999;
    position: absolute;
    right: 400px !important;
  }
}