.button1 {
  display: inline-flex;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 18x;
  font-weight: 500
  color: #000000;
  text-transform: uppercase;
   transition: all 1s;
  transition-timing-function: ease-in-out;
  padding: 12px 30px;
  border: 1px solid #cccccc;
}

.button1 svg {
  width: 20px; 
  margin-left: 1rem;
  transition: all 1s;
  transition-timing-function: ease-in-out;
}
.button1:hover {
  background: #fafafa;
  border: 1px solid #cccccc;
  color: #0C1F56 !important;
  text-decoration: none;
  transform: translate(25px, 0px);
}
.button1:hover svg {
  transform: rotate(360deg);
}