@keyframes moving-money {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.moving-money-icon {
  position: relative;
  width: 90px;
  animation: moving-money;
  animation-duration: 2.1s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.circle-icon {
  z-index: 2;
  width: 55px;
  height: 55px;
}

.income {
  background-color: var(--success);
  color: white;
}

.expense {
  background-color: var(--danger);
  color: white;
}

.transfer {
  background-color: var(--primary);
  color: white;
}