@import url("https://fonts.googleapis.com/css?family=Roboto:100");

.coolBeans {
  border: 2px solid currentColor;
  border-radius: 3rem;
  color: #dfdfdf;
  font-family: roboto;
  font-size: 1.5rem;
  font-weight: 100;
  overflow: hidden;
  padding: 1rem 2rem;
  position: relative;
  text-decoration: none;
  display: inline-block;
}

.coolBeans:hover {
  color: #EC008C;
  border: 2px solid currentColor;
  border-radius: 0.5rem;
  animation-duration: 1s;
  animation-name: spin;
}

@keyframes spin{
  0%{}

  50%{
    scale: 1.2;
    transform: rotate(15deg);
  }

  100%{

  }
}