/* SBI V5.6.7 Beta. One pseudo-element paints the whole organic surface.
   Native layout, label, icon, focus ring and hit rectangle remain intact. */
.sbi-liquid-button[data-sbi-liquid-button-active="true"] {
    isolation: isolate !important;
    overflow: visible !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transition: none !important;
}
.sbi-liquid-button[data-sbi-liquid-button-position="relative"] { position: relative !important; }
.sbi-liquid-button[data-sbi-liquid-button-active="true"]::before {
    content: "" !important;
    position: absolute !important;
    left: var(--sbi-liquid-button-left) !important;
    top: var(--sbi-liquid-button-top) !important;
    width: var(--sbi-liquid-button-width) !important;
    height: var(--sbi-liquid-button-height) !important;
    z-index: -1 !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: var(--sbi-liquid-button-fill) !important;
    background-image: var(--sbi-liquid-button-stroke), var(--sbi-liquid-button-image) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    clip-path: var(--sbi-liquid-button-path) !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
    animation: none !important;
}
/* MatchMedia resets the native surface when motion policy changes. */
@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse), (forced-colors: active) {
    .sbi-liquid-button[data-sbi-liquid-button-active="true"]::before { display: none !important; }
}