@mixin ai-mat-button-theme-color($theme, $color: 'default') {
  $primary: map-get($theme, primary);
  $accent: map-get($theme, accent);
  $warn: map-get($theme, warn);
  $background: map-get($theme, background);
  $foreground: map-get($theme, foreground);

  &.mat-white {
    border: 1px solid currentColor;
    color: map-get($theme, white);
    .mat-button-focus-overlay {
      background-color: rgba(255, 255, 255, 0.12);
    }
  }
}

@mixin ai-button-theme($theme) {
  $primary: map-get($theme, primary);
  $accent: map-get($theme, accent);
  $warn: map-get($theme, warn);
  $background: map-get($theme, background);
  $foreground: map-get($theme, foreground);

  .mat-button.ai-button {
    border: 1px solid currentColor;
    @include ai-mat-button-theme-color($theme);
  }
}