@media not all and (pointer: coarse) {
    gov-button[type=link][color=neutral] .element:hover, .gov-button[type=link][color=neutral] .element:hover {
        color: var(--hover-color, var(--text-primary))
    }

    gov-button[type=link][color=neutral] .element:hover:active, .gov-button[type=link][color=neutral] .element:hover:active {
        color: var(--active-color, var(--text-primary))
    }

    gov-button[type=link][color=neutral] .element:hover[disabled=""] .element, gov-button[type=link][color=neutral] .element:hover[disabled=true i] .element, gov-button[type=link][color=neutral] .element:hover[disabled="1"] .element, .gov-button[type=link][color=neutral] .element:hover[disabled=""] .element, .gov-button[type=link][color=neutral] .element:hover[disabled=true i] .element, .gov-button[type=link][color=neutral] .element:hover[disabled="1"] .element {
        color: var(--disabled-color, var(--text-disabled))
    }
}

gov-button[type=solid][color=white], .gov-button[type=solid][color=white] {
    background-color: var(--background, var(--button-solid-error))
}

gov-button[type=solid][color=white], gov-button[type=solid][color=white] .element, .gov-button[type=solid][color=white], .gov-button[type=solid][color=white] .element {
    color: var(--color, var(--text-white-fixed))
}

gov-button[type=solid][color=white][disabled=""], gov-button[type=solid][color=white][disabled=true i], gov-button[type=solid][color=white][disabled="1"], .gov-button[type=solid][color=white][disabled=""], .gov-button[type=solid][color=white][disabled=true i], .gov-button[type=solid][color=white][disabled="1"] {
    background-color: var(--disabled-background, var(--button-solid-disabled))
}

gov-button[type=solid][color=white][disabled=""], gov-button[type=solid][color=white][disabled=""] .element, gov-button[type=solid][color=white][disabled=true i], gov-button[type=solid][color=white][disabled=true i] .element, gov-button[type=solid][color=white][disabled="1"], gov-button[type=solid][color=white][disabled="1"] .element, .gov-button[type=solid][color=white][disabled=""], .gov-button[type=solid][color=white][disabled=""] .element, .gov-button[type=solid][color=white][disabled=true i], .gov-button[type=solid][color=white][disabled=true i] .element, .gov-button[type=solid][color=white][disabled="1"], .gov-button[type=solid][color=white][disabled="1"] .element {
    color: var(--disabled-color, var(--text-disabled))
}

gov-button[type=solid][color=white][disabled=""] gov-icon, gov-button[type=solid][color=white][disabled=""] .gov-icon, gov-button[type=solid][color=white][disabled=true i] gov-icon, gov-button[type=solid][color=white][disabled=true i] .gov-icon, gov-button[type=solid][color=white][disabled="1"] gov-icon, gov-button[type=solid][color=white][disabled="1"] .gov-icon, .gov-button[type=solid][color=white][disabled=""] gov-icon, .gov-button[type=solid][color=white][disabled=""] .gov-icon, .gov-button[type=solid][color=white][disabled=true i] gov-icon, .gov-button[type=solid][color=white][disabled=true i] .gov-icon, .gov-button[type=solid][color=white][disabled="1"] gov-icon, .gov-button[type=solid][color=white][disabled="1"] .gov-icon {
    color: var(--disabled-icon-color, var(--icon-disabled))
}

@media not all and (pointer: coarse) {
    gov-button[type=solid][color=white]:hover, .gov-button[type=solid][color=white]:hover {
        background-color: var(--hover-background, var(--button-solid-error-hover))
    }

    gov-button[type=solid][color=white]:hover:active, .gov-button[type=solid][color=white]:hover:active {
        background-color: var(--active-background, var(--button-solid-error-active))
    }

    gov-button[type=solid][color=white]:hover[disabled=""], gov-button[type=solid][color=white]:hover[disabled=true i], gov-button[type=solid][color=white]:hover[disabled="1"], .gov-button[type=solid][color=white]:hover[disabled=""], .gov-button[type=solid][color=white]:hover[disabled=true i], .gov-button[type=solid][color=white]:hover[disabled="1"] {
        background-color: var(--disabled-background, var(--button-solid-disabled))
    }
}

@media not all and (pointer: coarse) {
    gov-button[type=solid][color=white] .element:hover, .gov-button[type=solid][color=white] .element:hover {
        color: var(--hover-color, var(--text-white-fixed))
    }

    gov-button[type=solid][color=white] .element:hover:active, .gov-button[type=solid][color=white] .element:hover:active {
        color: var(--active-color, var(--text-white-fixed))
    }

    gov-button[type=solid][color=white] .element:hover[disabled=""] .element, gov-button[type=solid][color=white] .element:hover[disabled=true i] .element, gov-button[type=solid][color=white] .element:hover[disabled="1"] .element, .gov-button[type=solid][color=white] .element:hover[disabled=""] .element, .gov-button[type=solid][color=white] .element:hover[disabled=true i] .element, .gov-button[type=solid][color=white] .element:hover[disabled="1"] .element {
        color: var(--disabled-color, var(--text-disabled))
    }
}

gov-button[type=outlined][color=white], .gov-button[type=outlined][color=white] {
    background-color: var(--background, transparent);
    border-color: var(--border, white)
}

    gov-button[type=outlined][color=white], gov-button[type=outlined][color=white] .element, .gov-button[type=outlined][color=white], .gov-button[type=outlined][color=white] .element {
        color: var(--color, white);
    }

    gov-button[type=outlined][color=white][disabled=""], gov-button[type=outlined][color=white][disabled=true i], gov-button[type=outlined][color=white][disabled="1"], .gov-button[type=outlined][color=white][disabled=""], .gov-button[type=outlined][color=white][disabled=true i], .gov-button[type=outlined][color=white][disabled="1"] {
        background-color: var(--disabled-background, transparent);
        border-color: var(--disabled-border, var(--border-disabled))
    }

    gov-button[type=outlined][color=white][disabled=""], gov-button[type=outlined][color=white][disabled=""] .element, gov-button[type=outlined][color=white][disabled=true i], gov-button[type=outlined][color=white][disabled=true i] .element, gov-button[type=outlined][color=white][disabled="1"], gov-button[type=outlined][color=white][disabled="1"] .element, .gov-button[type=outlined][color=white][disabled=""], .gov-button[type=outlined][color=white][disabled=""] .element, .gov-button[type=outlined][color=white][disabled=true i], .gov-button[type=outlined][color=white][disabled=true i] .element, .gov-button[type=outlined][color=white][disabled="1"], .gov-button[type=outlined][color=white][disabled="1"] .element {
        color: var(--disabled-color, var(--text-disabled))
    }

    gov-button[type=outlined][color=white][disabled=""] gov-icon, gov-button[type=outlined][color=white][disabled=""] .gov-icon, gov-button[type=outlined][color=white][disabled=true i] gov-icon, gov-button[type=outlined][color=white][disabled=true i] .gov-icon, gov-button[type=outlined][color=white][disabled="1"] gov-icon, gov-button[type=outlined][color=white][disabled="1"] .gov-icon, .gov-button[type=outlined][color=white][disabled=""] gov-icon, .gov-button[type=outlined][color=white][disabled=""] .gov-icon, .gov-button[type=outlined][color=white][disabled=true i] gov-icon, .gov-button[type=outlined][color=white][disabled=true i] .gov-icon, .gov-button[type=outlined][color=white][disabled="1"] gov-icon, .gov-button[type=outlined][color=white][disabled="1"] .gov-icon {
        color: var(--disabled-icon-color, var(--icon-disabled))
    }

@media not all and (pointer: coarse) {
    gov-button[type=outlined][color=white]:hover, .gov-button[type=outlined][color=white]:hover {
        background-color: var(--hover-background, var(--button-outlined-success-hover));
        color: var(--color-success-600) !important;
    }

    gov-button[type=outlined][color=white]:hover:active, .gov-button[type=outlined][color=white]:hover:active {
        background-color: var(--active-background, var(--button-outlined-success-active))
    }

    gov-button[type=outlined][color=white]:hover[disabled=""], gov-button[type=outlined][color=white]:hover[disabled=true i], gov-button[type=outlined][color=white]:hover[disabled="1"], .gov-button[type=outlined][color=white]:hover[disabled=""], .gov-button[type=outlined][color=white]:hover[disabled=true i], .gov-button[type=outlined][color=white]:hover[disabled="1"] {
        background-color: var(--disabled-background, transparent);
        border-color: var(--disabled-border, var(--border-disabled))
    }
}

@media not all and (pointer: coarse) {
    gov-button[type=outlined][color=white] .element:hover, .gov-button[type=outlined][color=white] .element:hover {
        color: var(--hover-color, var(--color-success-600))
    }

    gov-button[type=outlined][color=white] .element:hover:active, .gov-button[type=outlined][color=white] .element:hover:active {
        color: var(--active-color, white)
    }

    gov-button[type=outlined][color=white] .element:hover[disabled=""] .element, gov-button[type=outlined][color=white] .element:hover[disabled=true i] .element, gov-button[type=outlined][color=white] .element:hover[disabled="1"] .element, .gov-button[type=outlined][color=white] .element:hover[disabled=""] .element, .gov-button[type=outlined][color=white] .element:hover[disabled=true i] .element, .gov-button[type=outlined][color=white] .element:hover[disabled="1"] .element {
        color: var(--disabled-color, var(--text-disabled))
    }
}

gov-button[type=base][color=white], .gov-button[type=base][color=white] {
    background-color: var(--background, transparent);
    border-radius:0;
}

gov-button[type=base][color=white], gov-button[type=base][color=white] .element, .gov-button[type=base][color=white], .gov-button[type=base][color=white] .element {
    color: var(--color, white)
}

gov-button[type=base][color=white][disabled=""], gov-button[type=base][color=white][disabled=true i], gov-button[type=base][color=white][disabled="1"], .gov-button[type=base][color=white][disabled=""], .gov-button[type=base][color=white][disabled=true i], .gov-button[type=base][color=white][disabled="1"] {
    background-color: var(--disabled-background, transparent)
}

gov-button[type=base][color=white][disabled=""], gov-button[type=base][color=white][disabled=""] .element, gov-button[type=base][color=white][disabled=true i], gov-button[type=base][color=white][disabled=true i] .element, gov-button[type=base][color=white][disabled="1"], gov-button[type=base][color=white][disabled="1"] .element, .gov-button[type=base][color=white][disabled=""], .gov-button[type=base][color=white][disabled=""] .element, .gov-button[type=base][color=white][disabled=true i], .gov-button[type=base][color=white][disabled=true i] .element, .gov-button[type=base][color=white][disabled="1"], .gov-button[type=base][color=white][disabled="1"] .element {
    color: var(--disabled-color, var(--text-disabled))
}

gov-button[type=base][color=white][disabled=""] gov-icon, gov-button[type=base][color=white][disabled=""] .gov-icon, gov-button[type=base][color=white][disabled=true i] gov-icon, gov-button[type=base][color=white][disabled=true i] .gov-icon, gov-button[type=base][color=white][disabled="1"] gov-icon, gov-button[type=base][color=white][disabled="1"] .gov-icon, .gov-button[type=base][color=white][disabled=""] gov-icon, .gov-button[type=base][color=white][disabled=""] .gov-icon, .gov-button[type=base][color=white][disabled=true i] gov-icon, .gov-button[type=base][color=white][disabled=true i] .gov-icon, .gov-button[type=base][color=white][disabled="1"] gov-icon, .gov-button[type=base][color=white][disabled="1"] .gov-icon {
    color: var(--disabled-icon-color, var(--icon-disabled))
}

@media not all and (pointer: coarse) {
    gov-button[type=base][color=white]:hover, .gov-button[type=base][color=white]:hover {
        /*background-color: var(--hover-background, var(--button-outlined-success-hover))*/
        /*border-bottom: 3px solid white;*/
    }

    gov-button[type=base][color=white]:hover:active, .gov-button[type=base][color=white]:hover:active {
        /*background-color: var(--active-background, var(--button-outlined-success-active))*/
    }

    gov-button[type=base][color=white]:hover[disabled=""], gov-button[type=base][color=white]:hover[disabled=true i], gov-button[type=base][color=white]:hover[disabled="1"], .gov-button[type=base][color=white]:hover[disabled=""], .gov-button[type=base][color=white]:hover[disabled=true i], .gov-button[type=base][color=white]:hover[disabled="1"] {
        background-color: var(--disabled-background, transparent)
    }
}

@media not all and (pointer: coarse) {
    gov-button[type=base][color=white] .element:hover, .gov-button[type=base][color=white] .element:hover {
        /*color: var(--hover-color, var(--color-success-600))*/
    }

        gov-button[type=base][color=white] .element:hover:active, .gov-button[type=base][color=white] .element:hover:active {
            color: var(--active-color, white)
        }

        gov-button[type=base][color=white] .element:hover[disabled=""] .element, gov-button[type=base][color=white] .element:hover[disabled=true i] .element, gov-button[type=base][color=white] .element:hover[disabled="1"] .element, .gov-button[type=base][color=white] .element:hover[disabled=""] .element, .gov-button[type=base][color=white] .element:hover[disabled=true i] .element, .gov-button[type=base][color=white] .element:hover[disabled="1"] .element {
            color: var(--disabled-color, var(--text-disabled))
        }
}

gov-button[type=link][color=white], gov-button[type=link][color=white] .element, .gov-button[type=link][color=white], .gov-button[type=link][color=white] .element {
    color: var(--color, white)
}

    gov-button[type=link][color=white][disabled=""], gov-button[type=link][color=white][disabled=""] .element, gov-button[type=link][color=white][disabled=true i], gov-button[type=link][color=white][disabled=true i] .element, gov-button[type=link][color=white][disabled="1"], gov-button[type=link][color=white][disabled="1"] .element, .gov-button[type=link][color=white][disabled=""], .gov-button[type=link][color=white][disabled=""] .element, .gov-button[type=link][color=white][disabled=true i], .gov-button[type=link][color=white][disabled=true i] .element, .gov-button[type=link][color=white][disabled="1"], .gov-button[type=link][color=white][disabled="1"] .element {
        color: var(--disabled-color, var(--text-disabled))
    }

        gov-button[type=link][color=white][disabled=""] gov-icon, gov-button[type=link][color=white][disabled=""] .gov-icon, gov-button[type=link][color=white][disabled=true i] gov-icon, gov-button[type=link][color=white][disabled=true i] .gov-icon, gov-button[type=link][color=white][disabled="1"] gov-icon, gov-button[type=link][color=white][disabled="1"] .gov-icon, .gov-button[type=link][color=white][disabled=""] gov-icon, .gov-button[type=link][color=white][disabled=""] .gov-icon, .gov-button[type=link][color=white][disabled=true i] gov-icon, .gov-button[type=link][color=white][disabled=true i] .gov-icon, .gov-button[type=link][color=white][disabled="1"] gov-icon, .gov-button[type=link][color=white][disabled="1"] .gov-icon {
            color: var(--disabled-icon-color, var(--icon-disabled))
        }

@media not all and (pointer: coarse) {
    gov-button[type=link][color=white] .element:hover, .gov-button[type=link][color=white] .element:hover {
        color: var(--hover-color, white)
    }

        gov-button[type=link][color=white] .element:hover:active, .gov-button[type=link][color=white] .element:hover:active {
            color: var(--active-color, white)
        }

        gov-button[type=link][color=white] .element:hover[disabled=""] .element, gov-button[type=link][color=white] .element:hover[disabled=true i] .element, gov-button[type=link][color=white] .element:hover[disabled="1"] .element, .gov-button[type=link][color=white] .element:hover[disabled=""] .element, .gov-button[type=link][color=white] .element:hover[disabled=true i] .element, .gov-button[type=link][color=white] .element:hover[disabled="1"] .element {
            color: var(--disabled-color, var(--text-disabled))
        }
}