@mixin my-environment-bg-map {

  .my-environment__controls {

    .icon {
      color: returnColorCSSVar('brand-primary');

      &:hover {
        color: returnColorCSSVar('brand-secondary');
      }
    }

    @include bg-variants(
      $supportedBackgrounds: (
        'white'
      )
    ) {
      .icon {
      color: variant-property('linkIdle');

      &:hover {
        color: variant-property('titlePrimary');
      }
    }
    }
  }

  .dashboard-card.cards__item {
    background: returnColorCSSVar('brand-primary-tint-7');
  }

  .dashboard-card {
     &--top,
     &--bottom {
       @include color-dark-shade-alternative;
     }

     &--middle {
       color: returnColorCSSVar('brand-primary');
     }

    .cards__link {
      color: returnColorCSSVar('brand-secondary');
    }
  }

  .my-environment-header {
    color: returnColorCSSVar('brand-primary');

    @include bg-variants (
      $supportedBackgrounds: (
        'white'
      )
    ) {
      color: variant-property('titleSecondary');
    }
  }

  .my-environment-item__card {
    background: returnColorCSSVar('brand-primary-tint-7');
  }
}
