@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.icon-btn {
  border: none;
  background-color: transparent;
  outline: 0;
}
.icon-btn i {
  color: #446CB3;
  font-size: 2em;
  cursor: pointer;
}
.icon-btn i.spin-animation {
  animation-name: spin;
  -webkit-animation-name: spin;
  -moz-animation-name: spin;
  -ms-animation-name: spin;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -ms-animation-timing-function: ease-in;
}