/*
 * This named layer deliberately outranks unlayered !important declarations.
 * That makes this the final authority even when an older page-level selector
 * is more specific or is emitted after this stylesheet.
 */
@layer manageit-global-button-hover {
    :is(
        button,
        input[type="button"],
        input[type="submit"],
        input[type="reset"],
        :is(a, label, summary)[role="button"],
        :is(a, label, summary).button,
        :is(a, label, summary).btn,
        :is(a, label, summary).submit,
        :is(a, label, summary).fi-btn,
        :is(a, label, summary).edit-toggle,
        :is(a, label, summary)[class*="-button"],
        :is(a, label, summary)[class*="__button"],
        :is(a, label)[class*="-cancel"],
        :is(a, label)[class*="__cancel"],
        :is(a, label)[class*="-close"],
        :is(a, label)[class*="__close"]
    ):not(:disabled):not([aria-disabled="true"]):hover {
        transform: translateY(-2px) !important;
        filter: brightness(1.08) !important;
        box-shadow: 0 10px 22px rgb(0 0 0 / 18%) !important;
    }
}