/* Notification 1.0.0 */
.lvd-notification                                  {position:fixed; margin-left:-480px; z-index:99999; width:100%; max-width:var(--lvd-width-desktop);}
.lvd-notification.lvd-notify-top                   {top:200px; left:50%;}
.lvd-notification.lvd-notify-bottom                {bottom:100px; left:50%;}

.lvd-notification .lvd-container                   {position:relative; padding:16px 16px 16px 20px; border-radius:var(--lvd-rounded); background:var(--lvd-color-primary); color:var(--lvd-color-white);}
.lvd-notification .lvd-notification-close          {position:absolute; right:16px; top:16px; font-size:28px; color:var(--lvd-color-white);}
.lvd-notification .lvd-button-primary-small        {position:absolute; right:60px; top:16px; }

.lvd-notification .lvd-title                       {margin-bottom:4px; color:var(--lvd-color-white); font-size:var(--lvd-text-h5); font-weight:700;}
.lvd-notification .lvd-text p                      {margin-bottom:0;}

/* Bm */
@media (min-width:1px) and (max-width:767px)
{
.lvd-notification                                  {margin-left:unset; width:calc(100% - 40px);}
.lvd-notification.lvd-notify-top                   {top:100px; left:20px;}
.lvd-notification.lvd-notify-bottom                {bottom:80px; left:20px;}
.lvd-notification .lvd-button-primary-small        {position:relative; right:unset; top:unset; margin-top:8px;}
.lvd-notification .lvd-title                       {padding-right:20px;}
}

/* Bt */
@media (min-width:768px) and (max-width:1023px)
{
.lvd-notification                                  {margin-left:unset; width:calc(100% - 40px);}
.lvd-notification.lvd-notify-top                   {top:80px; left:20px;}
.lvd-notification.lvd-notify-bottom                {bottom:80px; left:20px;}
.lvd-notification .lvd-button-primary-small        {position:relative; right:unset; top:unset; margin-top:8px;}
.lvd-notification .lvd-title                       {padding-right:20px;}
}