.boxSD {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 1001;
}

.boxSD2 {
    position: absolute;
    z-index: 1000;
    display: none;
}

a.buttonSD {
  display: inline-block;
  padding: 3px 30px;
  background: #31b5e9;
  color: #fff;
  border-radius: 10px 10px 10px 10px; 
  text-decoration: none;
  
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
}

a.buttonSD:hover {
  animation-name: rubberBand;
}

a.buttonSD2 {
  display: inline-block;
  padding: 3px 30px;
  background: #31b5e9;
  color: #fff;
  border-radius: 10px 0px 0px 10px; 
  text-decoration: none;
  
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
}

a.buttonSD2:hover {
  animation-name: rubberBand;
}


@-webkit-keyframes rubberBand {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  30% {
  -webkit-transform: scale3d(1.25, 0.75, 1);
  transform: scale3d(1.25, 0.75, 1);
  }
  40% {
  -webkit-transform: scale3d(0.75, 1.25, 1);
  transform: scale3d(0.75, 1.25, 1);
  }
  50% {
  -webkit-transform: scale3d(1.15, 0.85, 1);
  transform: scale3d(1.15, 0.85, 1);
  }
  65% {
  -webkit-transform: scale3d(.95, 1.05, 1);
  transform: scale3d(.95, 1.05, 1);
  }
  75% {
  -webkit-transform: scale3d(1.05, .95, 1);
  transform: scale3d(1.05, .95, 1);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  
  @keyframes rubberBand {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  30% {
  -webkit-transform: scale3d(1.25, 0.75, 1);
  transform: scale3d(1.25, 0.75, 1);
  }
  40% {
  -webkit-transform: scale3d(0.75, 1.25, 1);
  transform: scale3d(0.75, 1.25, 1);
  }
  50% {
  -webkit-transform: scale3d(1.15, 0.85, 1);
  transform: scale3d(1.15, 0.85, 1);
  }
  65% {
  -webkit-transform: scale3d(.95, 1.05, 1);
  transform: scale3d(.95, 1.05, 1);
  }
  75% {
  -webkit-transform: scale3d(1.05, .95, 1);
  transform: scale3d(1.05, .95, 1);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }

@media (max-width:767px) {
    .boxSD {
        display: none;
    }
    
    .boxSD2 {
        display: block;
        right: 0px;
        position: fixed;
        padding-top:50px;
    }
}