/* Shared OMBox button widget contract. Bootstrap supplies color variants;
   this asset owns the component geometry consistently on every surface. */
.btn.ombox-widget-button {
    --bs-btn-border-radius: 3px;
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 3px !important;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
}

.btn.ombox-widget-button > i {
    flex: 0 0 auto;
}

.btn.ombox-widget-button > span {
    min-width: 0;
}

.btn.ombox-widget-button:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--bs-btn-bg, #0d6efd) 28%, transparent);
    outline-offset: 2px;
}

body.device-mobile .btn.ombox-widget-button,
body.device-tablet .btn.ombox-widget-button {
    min-height: 44px;
    border-radius: 3px !important;
}

@media (max-width: 360px) {
    .btn.ombox-widget-button {
        gap: 6px;
        padding-inline: 12px;
    }
}