/* MyBelle Google Login: layout only. The Google-rendered button remains unmodified. */
.mbgl-container{box-sizing:border-box;max-width:100%;margin:22px 0 18px;clear:both}
.mbgl-container>p:first-child{margin:0 0 12px;line-height:1.5}
.mbgl-button{width:100%;max-width:380px;min-height:40px}
.mbgl-message:empty{display:none}
.mbgl-message:not(:empty){margin:10px 0 0;line-height:1.5}
.woocommerce-account .woocommerce-form-login .mbgl-container{width:100%;margin-top:24px}
.woocommerce-account .woocommerce-form-login .mbgl-button{max-width:100%}
.woocommerce-checkout .woocommerce-form-login-toggle + .mbgl-container{padding:14px 24px 18px;margin:0 0 18px;border:1px solid rgba(60,45,45,.12);border-top:0;background:#fff}
.woocommerce-checkout .woocommerce-form-login-toggle + .mbgl-container>p:first-child{margin-bottom:10px}
@media(max-width:600px){.woocommerce-checkout .woocommerce-form-login-toggle + .mbgl-container{padding:14px 16px}}

/* Responsive Google Identity Services button and checkout panel. */
.mbgl-container,.mbgl-button{box-sizing:border-box;min-width:0;max-width:100%}
.mbgl-button{width:100%;max-width:400px;overflow:visible}
/* Do not constrain the Google iframe independently: clipping its right border is possible. */
.woocommerce-checkout .mbgl-container[data-placement="checkout"]{box-sizing:border-box;width:100%;max-width:100%;margin-left:0;margin-right:0}
@media(max-width:600px){.woocommerce-account .mbgl-container,.woocommerce-checkout .mbgl-container{width:100%;max-width:100%}.woocommerce-checkout .mbgl-container[data-placement="checkout"]{padding-left:12px;padding-right:12px}}