title: How can I apply custom CSS to a Toast with ng2-izitoast?
body: <p>I want to apply a custom Style to the Toasts I show with izitoast in my Angular application.
  I have installed and included the library according to instructions <a href="https://www.npmjs.com/package/ng2-izitoast" rel="nofollow noreferrer">here</a>
  I have included the izitoast css and script in my angular.json in addition to  adding the module in my app-module and also managed to display a toast with a button in a component:
  &nbsp;</p>
  
  <p>html-template (toaster.component.html)</p>
  
  <pre><code>&lt;p&gt;toaster works!&lt;/p&gt;
  &lt;div&gt;&lt;button (click)="produceToast()"&gt;Test Toast&lt;/button&gt;&lt;/div&gt;
  </code></pre>
  
  <p>&nbsp;</p>
  
  <p>corresponding typescript file (toaster.component.ts)</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import {Ng2IzitoastService} from "ng2-izitoast";
  
  @Component({
    selector: 'app-toaster',
    templateUrl: './toaster.component.html',
    styleUrls: ['./toaster.component.scss']
  })
  export class ToasterComponent implements OnInit {
  
    constructor( public iziToast: Ng2IzitoastService) { }
  
    ngOnInit() {
    }
  
    public produceToast() {
      this.iziToast.show({ title: "Hello World"});
    }
  
  }
  </code></pre>
  
  <p>I understand that if I want to apply custom styling I have to somehow specify the class in the object I pass into the the <code>show()</code>-function, but how do I do that? Writing a CSS-class in my toaster.component.css and just referencing the name doesn't work:</p>
  
  <pre><code>.myOwnToastClass {
    background-color: blueviolet;
    color: white; //font-color
  }
  </code></pre>
  
  <p>Adding the class into my styles.css doesn't work either. Neither
  <code>{class: "myOwnToastClass", title: "Hello World"}</code> nor <code>{class: ".myOwnToastClass", title: "Hello World"}</code> do anything.
  Can someone tell me how to pass my own custom CSS to a toast? The <a href="https://www.npmjs.com/package/ng2-izitoast" rel="nofollow noreferrer">documentation</a> simply says "class: The class that will be applied to the toast. It may be used as a reference." but other than that there is no documentation on how to use it.</p>