Hover

The hover block applies its properties while a pointer is over the component.

Button {
    text: "Continue"
    background: blue-600
    color: white

    hover {
        background: blue-700
    }
}

Use it for affordances such as changing a background, text color, border, or shadow.