@mixin sc-quickactions-button-theme($theme) {
  // Extract the palettes you need from the theme definition.
  $foreground: map-get($theme, foreground);
  $background: map-get($theme, background);
  $scBackground: map-get($theme, sc-background);

  .quick-actions {
    &__wrapper {
      background-color: map-get($foreground, divider);
    }

    &__title {
      color: map-get($foreground, secondary-text);
    }

    &__icon {
      color: map-get($foreground, secondary-text);
    }

    &__item {
      background-color: map-get($background, card);

      &:hover,
      &:focus {
        background-color: map-get($scBackground, nav-link-hover);

        & .quick-actions__icon {
          color: map-get($foreground, text);
        }

        & .quick-actions__title {
          color: map-get($foreground, text);
        }
      }
    }
  }
}