.currency-card {
  border-radius: 12px;
  transition: all 0.2s ease;
  &:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transform: translateY(-2px);
  }

  .text-positive {
    color: #2e7d32;
  }
  .text-negative {
    color: #c62828;
  }
  .text-grey {
    color: #757575;
  }

  @media (max-width: 600px) {
    .text-body1 {
      font-size: 0.9rem;
    }
    .text-weight-bold {
      font-size: 1rem;
    }
  }
}