/* Floating Action Buttons (FAB) 1.0.0 */
.lvd-mobile-bar             {z-index: 999; /*display: none;*/ display:flex; justify-content: space-between; align-items: center; gap:8px; border-radius: 36px;  backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); background: rgba(255,255,255,.9); box-shadow: var(--lvd-shadow-100); }
.lvd-mobile-bar-vertical    {position: fixed; flex-direction: column; bottom: 40px; right: 40px; width: 62px; padding:8px 0;}
.lvd-mobile-bar-horizontal  {position: fixed; flex-direction: row; bottom: 40px; right: 40px; height: 62px; padding:0 8px;}
.lvd-mobile-bar-dot         {height:45px; width:45px; line-height:45px; border-radius: 23px; background: var(--lvd-color-success); color: var(--lvd-color-white); font-size:20px; flex-direction: row; justify-content: center; align-items: center}
.lvd-mobile-bar a:hover     {color: var(--lvd-color-white);}
  
/* Bm */
@media (min-width:1px) and (max-width:767px)
{
.lvd-mobile-bar             {display:flex;}
.lvd-mobile-bar-vertical    {bottom: 10px; right: 10px;}
.lvd-mobile-bar-horizontal  {bottom: 10px; right: 10px;}
} 


/* Bt */
@media (min-width:768px) and (max-width:1023px)
{
.lvd-mobile-bar-vertical    {bottom: 24px; right: 24px;}
.lvd-mobile-bar-horizontal  {bottom: 24px; right: 24px;}
}