Untitled

button {
  &:not(&.mat-mdc-icon-button) {
    border-radius: 15px !important;
  }

  &:focus {
    outline: 0 !important;
  }

  &.mat-mdc-fab {
    &.mat-primary {
      color: #ffffff;
      box-shadow: none !important;
      background-color: $button-color;
    }
    &.mat-accent {
      background-color: $secondary-button-color;
      color: white;
    }
    &:disabled {
      color: #00000042;
      background-color: #0000001f;
      box-shadow: none !important;
    }
  }

  &.mat-flat-button {
    &.mat-primary {
      color: #ffffff;
      box-shadow: none !important;
      background-color: $button-color;
    }
    &.mat-accent {
      background-color: $secondary-button-color;
      color: white;
    }
    &:disabled {
      color: #00000042;
      background-color: #0000001f;
      box-shadow: none !important;
    }
  }

  &.mat-mdc-mini-fab {
    &.mat-primary {
      background-color: $button-color;
      color: white;
    }
    &.mat-accent {
      background-color: $secondary-button-color;
      color: white;
    }
    &:disabled {
      color: #00000042;
      background-color: #0000001f;
      box-shadow: none !important;
    }
  }

  &.mat-mdc-raised-button.mat-primary {
    background-color: $button-color;
    color: white;
    &:disabled {
      color: #00000042;
      background-color: #0000001f;
      box-shadow: none !important;
    }
  }

  &.mat-mdc-unelevated-button {
    &.mat-primary {
      box-shadow: none !important;
      color: white;
      background-color: $button-color;
    }
    &.mat-accent {
      background-color: $secondary-button-color;
      color: white;
    }
    &:disabled {
      color: #00000042;
      background-color: #0000001f;
      box-shadow: none !important;
    }
  }

  &.mat-mdc-icon-button {

    &.btn-delete {
      cursor: pointer;
      color: map-get($background-colors, secondary);

      &:hover {
        color: map-get(  $action-colors, error);
      }
    }
  }

  &.btn-close {
    font-weight: bold;
  }

  &.btn-back {
    background-color: rgba(229, 115, 115, 0.3) !important;
    color: map-get($action-colors, error) !important;
    font-weight: bold;
    box-shadow: 0 4px 16px -5px #e57373 !important;
  }

}