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

  .mat-accent {
    &.mat-button {
      padding: 15px 0;
      font-size: 22px;
      border-radius: 10px;

      &:not([disabled]) {
        $gradient-start: mat-color($accent, 300);
        $gradient-end: mat-color($accent, 500);

        color: mat-color($primary, 50);
        background-image: linear-gradient(to right, $gradient-start, $gradient-end);
        box-shadow: 0 0 7px 0 rgba(75, 75, 75, 0.82);
      }

      &[disabled],
      &[disabled]:hover {
        background: mat-color($background,disabled-button-toggle,1);
      }
    }
  }
}
