/* JR Better Messages Mini Button Style (Mobile) */

@media (max-width: 800px){
  /* Round corners for Better Messages mini UI buttons */
  body.bm-mobile-device [id^="bp-better-messages-mini-mobile-"]{
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  /* Lock the launcher button position so it doesn't jump when active/open */
  body.bm-mobile-device #bp-better-messages-mini-mobile-open{
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    left: auto !important;
    top: auto !important;

    width: 50px !important;
    height: 50px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 999999 !important;
    transform: none !important;
  }

  /* Some themes/plugins apply styles to the icon span; force proper centering */
  body.bm-mobile-device #bp-better-messages-mini-mobile-open .bp-better-messages-mini-mobile-open-icon{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 1 !important;
  }

  /* Keep position identical in any active/open states */
  body.bm-mobile-device #bp-better-messages-mini-mobile-open.active,
  body.bm-mobile-device #bp-better-messages-mini-mobile-open.is-active,
  body.bm-mobile-device #bp-better-messages-mini-mobile-open.bm-active,
  body.bm-mobile-device #bp-better-messages-mini-mobile-open.bm-opened{
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }
}