.dashboard-card{
  min-width: 170px;
  padding: 1.5rem;
  border-radius: var(--bs-border-radius, 12px);
  background-color: var(--bs-white, #fff);
  display: flex;
  align-items: center;
  gap: var(--bs-gap-4, 24px);
  height: 100%;
  box-shadow: var(--bs-box-shadow);

  .icon {
    border-radius: 99px;
    display: inline-flex;
    flex-wrap: wrap;
    height: 3em;
    width: 3em;
    justify-content: center;
    align-content: center;

    &.blue {
      background-color: $blue-100;
      color: $blue-600;
    }

    &.green {
      background-color: $teal-100;
      color: $teal-600;
    }

    &.purple {
      background-color: $purple-100;
      color: $purple-600;
    }
  }
}