/* Popup Open button */ 
.open-button:hover {
    /* background: #01478e; */
}
.open-button {
    color: #FFF;
    /* background: #0066CC; */
    padding: 7px;
    text-decoration: none;
    /* border: 1px solid #0157ad; */
    border-radius: 3px;
    cursor: pointer;
}
 
.popup {
    position: fixed;
    top: 0px;
    left: 0px;
    /* background: rgba(0,0,0,0.75); */
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
}
 
/* Popup inner div */
.popup-content {
    width: 500px;
    margin: 0;
    box-sizing: border-box;
    padding: 10px;
    margin-top: 0px;
    border-radius: 0px;
    background: #171717;
    z-index: 9999;
    color: white;
    position: relative;
    float: right;
    height: -webkit-fill-available;
    box-shadow: -3px 1px 2px 0 rgb(0 0 0 / 35%);
}
 
/* Popup close button */
.close-button {
    width: 25px;
    text-decoration: none !important;
    position: absolute;
    top: 35%;
    left: -25px;
    padding: 10px 5px;
    border-radius: 5px 1px 1px 5px;
    background: rgb(23 23 23);
    font-size: 11px;
    text-align: center;
    color: #fff !important;
    text-decoration: none;
    box-shadow: -4px 0px 3px 1px #0a0a0a;
    border: 1px solid #101010;
    border-right: none;
}
 
.closebutoninset:hover {
    background: #388fff;
    box-shadow: 0 0 7px #404852;
}

.closebutoninset {
    padding: 5px 0px;
    border-radius: 4px;
    background: #0000002e;
    box-shadow: inset 0 0 7px #000000;
}



.close-button:hover {
  /*    background: rgba(0,0,0,1);*/
}
 
@media screen and (max-width: 720px) {
.popup-content {
    width:90%;
    } 
}















.popover__title {
  font-size: 24px;
  line-height: 36px;
  text-decoration: none;
  color: rgb(228, 68, 68);
  text-align: center;
  padding: 15px 0;
}

.popover__wrapper {
  position: relative;
  margin-top: 1.5rem;
  display: inline-block;
}
.popover__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -150px;
  transform: translate(0, 10px);
  background-color: #bfbfbf;
  padding: 1.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: auto;
}
.popover__content:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(50% - 10px);
  top: -8px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #bfbfbf transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}
.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -20px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
}