MFC TIP BUTTON CSS

/*-----------------[ANIMATION PAGE CLASS AND ID START]------------------------*/
@keyframes buy-button {
  0% {
    transform:scale(1);
  }

  50% {
    transform:scale(1.2);
  }

  100% {
    transform:scale(1);
  }
}

@-webkit-keyframes buy-button {
  0% {
    transform:scale(1);
  }

  50% {
    transform:scale(1.2);
  }

  100% {
    transform:scale(1);
  }
}

@-moz-keyframes buy-button {
  0% {
    transform:scale(1);
  }

  50% {
    transform:scale(1.2);
  }

  100% {
    transform:scale(1);
  }
}

@-o-keyframes buy-button {
  0% {
    transform:scale(1);
  }

  50% {
    transform:scale(1.2);
  }

  100% {
    transform:scale(1);
  }
}

/*-----------------[ANIMATION PAGE CLASS AND ID STOP]------------------------*/
/*-----------------[LINK DOWNLOAD POPUP + BUTTON START]------------------------*/
.tabs > div:not(:target) > div {
  position:absolute;
  visibility:hidden;
}

.tabs > div:target > div {
  position:absolute;
  visibility:visible;
  z-index:999;
}

.download-now-button-price {
  font-family:"Fredericka the Great",Arial;
  font-size:40px;
  position:relative;
  margin-top:-6px;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

.download-now-button-click-here {
  margin-top:-6px;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

.download-now-button-buy-now {
  font-size:18px;
  padding-top:10px;
  -webkit-transition:all .6s ease;
  -moz-transition:all .6s ease;
  -o-transition:all .6s ease;
  -ms-transition:all .6s ease;
  transition:all .6s ease;
}

.download-now-button-a {
  background-color:rgba(0,136,204,0.9);
  color:#fff;
  border:5px solid #fff;
  border-radius:50%;
  bottom:50px;
  box-shadow:1px 1px 2px #e6e6e6;
  height:100px;
  left:15px;
  margin:10px;
  position:fixed;
  text-align:center;
  width:100px;
  text-decoration:none;
  z-index:900;
}

.download-now-button-a:hover {
  background-color:#fff;
  color:#717171;
}

.download-now-popup-bg {
  background:rgba(255,255,255,0.9);
  color:#fff;
  height:100%;
  left:0;
  position:fixed!important;
  top:0;
  width:100%;
}

.close-download-x {
  left:11px;
  position:absolute;
  top:4px;
}

.close-download-a {
  background:linear-gradient(to bottom,#f6f6f6 0%,#e4e4e4 100%) repeat scroll 0 0 rgba(0,0,0,0);
  border:1px solid #e0e0e0;
  border-radius:50%;
  color:#a0a0a0!important;
  font-size:15px;
  padding:14px;
  position:absolute;
  right:-11px;
  text-decoration:none;
  top:-11px;
}

.close-download-a:hover {
  background:linear-gradient(to bottom,#F6F6F6 0%,#eaeaea 100%) repeat scroll 0 0 rgba(0,0,0,0);
  border:1px solid #e0e0e0;
}

.buy-button-animation:hover {
  -webkit-animation:none;
  -moz-animation:none;
  -o-animation:none;
  animation:none;
}

.profile_section_content {
  z-index:inherit;
}

.buy-button-animation {
  animation-name:buy-button;
  -webkit-animation:buy-button 1s infinite;
  -moz-animation:buy-button 1s infinite;
  -o-animation:buy-button 1s infinite;
  animation:buy-button 1s infinite;
}

/*-----------------[LINK DOWNLOAD POPUP + BUTTON END]------------------------*/