body {
  margin: 0;
  font-family: sans-serif;
}

#cta-icon {
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 100px;
  height: 100px;
  /*background-color: #0078D7;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);*/
  cursor: pointer;
  display: flex;
  /*display: inline-block;*/
  align-items: center;
  justify-content: center;
  z-index: 999;
}

#cta-img {
  width: 80%;
  height: 80%;
}

#popup {
  position: fixed;
  bottom: 260px;
  right: 20px;
  width: 22%;
  height: 22%;
  /*background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 8px 16px rgba(0,0,0,0.3);*/
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 10px;
  border-radius: 10px;
}

.popup-img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

.close-btn {
  position: absolute;
  display: block;
  top: -240px;
  right: 40px;
  font-size: 50px;
  cursor: pointer;
  color: #c20303;
}


.hover-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: rgb(249, 251, 250);
      background-color: rgba(197, 195, 195, 0.6);
      padding: 10px 20px;
      border-radius: 5px;
      font-size: 18px;
      opacity: 0;
      transition: opacity 0.3s ease;
      pointer-events: none;
    }

#cta-icon:hover .hover-text {
 
    opacity: 1;
}