.toaster__body {
  padding: 1.5rem 4rem 1.5rem 1.5rem;
  border-radius: 4px;

  &.success {
    background-color: var(--color-success--opacity);
    color: var(--color-success);

    .close-button {
      color: var(--color-success);
    }
  }

  &.error {
    background-color: var(--color-error-opacity);
    color: var(--color-error);

    .close-button {
      color: var(--color-error);
    }
  }

  &.warning {
    background-color: var(--color-warning-opacity);
    color: var(--color-warning);

    .close-button {
      color: var(--color-warning);
    }
  }

  &.info {
    background-color: rgba(var(--color-info-rgb), .05);
    color: var(--color-info);

    .close-button {
      color: var(--color-info);
    }
  }

  .close-button {
    position: absolute;
    right: 1.75rem;
    top: calc(50% - 1rem);
    font-family: 'Material Icons';
    font-weight: 200;
    font-size: 21px;

    &::before {
      content: 'close';
    }
  }
}