
#zen-toast-container {
  top: calc(var(--zen-element-separation) * 6) !important;
  
  :root:not([zen-right-side='true']) & {
    right: calc(var(--zen-element-separation) * 2) !important;
  }

  :root[zen-right-side='true'] & {
    left: calc(var(--zen-element-separation) * 2) !important;
  }

  & .zen-toast {
    padding: 6px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    box-shadow: 0px !important ;
    background: rgba(255, 255, 255, var(--mod-zentoast-background_opacity, 0.3)) !important;
    border: 1px solid rgba(0, 0, 0, var(--mod-zentoast-border_opacity, 0.3)) !important;
    color: rgba(0, 0, 0, var(--mod-zentoast-text_opacity, 0.3)) !important;
    
    & .description {
        font-size: 10px !important;
    }

    &:hover {
      background: var(--zen-primary-color) !important;
      color: var(--button-primary-color) !important;
      border: 1px solid rgba(0, 0, 0, 0.0) !important;
      transition: 0.3s !important;
    }
  }

}
