.mx-snackbar {
  display: flex;
  justify-content: space-between;
  align-items: center;

  &__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    gap: 8px;
  }

  &__message-wrapper {
    padding: 14px 8px 14px 16px;
    flex-grow: 1;
  }

  &__message {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  &__dismiss-button {
    &.mat-mdc-icon-button.mat-mdc-button-base.mx-icon-lg {
      padding: 8px;
      height: 40px;
      width: 40px;
    }
  }
}