*,
*:before,
*:after{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    background-color: #ffffff;
}
.popup{
    background-color: #ffffff;
    width: 770px;
    padding: 15px 20px;
    position: fixed;
	z-index: 50;
    transform: translate(0%,0%);
    right: 0%;
    bottom: 0%;
    border-radius: 5px;
	border-color: #000000;
    font-family: "Poppins",sans-serif;
    display: none; 
    text-align: center;
	animation: flyin 1s;
}
.popup h2{
    display: block;
	margin-top: 0px;
    font-size: 48px;
    border: none;
    outline: none;
}
.popup h4{
    color: #FA8072;
    display: block;
	margin-top: 0px;
    font-size: 12px;
    border: none;
    outline: none;
}
.popup p{
    font-size: 14px;
    text-align: justify;
    margin: 20px 0;
    line-height: 25px;
}
@media (max-width: 767px) {
  #my-button {
    display: none;
  }
}
@keyframes flyin {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.button-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 260px;
  height: 50px;
  margin: 0 auto;
}

#my-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  cursor: pointer;
}