#bigsup { 
  font-size:20px;
  color:#fff;
  width:48px;
  height:48px; 
  margin:16px; 
  background-color:#AE14C1;
  border-radius:50%;
  padding-left:14px;
  padding-top:12px;
  border: solid 1px;
  border:solid 2px; 
  animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  animation-iteration-count: 4;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
#supcal {
  visibility:hidden;
  color:#fff;
  width:42px;
  height:42px; 
  background-color:#f00e43;
  border-radius:50%;
  padding:14px;
  margin: 2px;
  border:solid 1px; 
}

#suptel {
  visibility:hidden;
  color:#fff;
  width:42px;
  height:42px; 
  background-color:#0088CC;
  border-radius:50%;
  padding:14px;
  margin: 2px;
  border:solid 1px;
}

#supwa {
  visibility:hidden;
  color:#fff;
  width:42px;
  height:42px; 
  background-color:#25d965;
  border-radius:50%;
  padding:14px;
  margin: 2px;
  border:solid 1px;
}