.bc-iframe-container.show {
   visibility: visible;
   opacity: 1;
}

.bc-iframe-container.show.over-footer {
   visibility: hidden;
   opacity: 0;
}

.bc-iframe-container {
   visibility: hidden;
   opacity: 0;
   position:fixed;
   bottom:20px;
   z-index:1000;
   width:50%;
   left:50%;
   transform:translateX(-50%);
   transition: .5s all;
}

@media(max-width:575.98px) {
   .bc-iframe-container {
      width:90%
   }
}
    
.bc-iframe-container iframe {
   width: 100%;
   border-radius: 10px;
   border: 1px solid #fff;
   box-shadow: 0px 0px 7px -1px #fff;
}

.bc-close-iframe {
   position:absolute;
   cursor: pointer;
   right:-10px;
   top:-10px;
   background:#fff;
   color: #000;
   width:20px;
   height:20px;
   display:flex;
   align-items:center;
   justify-content:center;
   border:1px solid #333;
   border-radius:50%;
   transform: rotate(45deg);
   font-size: 20px;
   -webkit-appearance: radio;
   padding: 0;
}

.bc-close-iframe:active {
   position: absolute;
   bottom: unset;
}