And you add the border-color?
Topic summary
Goal: make the Add to cart button’s hover state show a border matching the background color (#f15822) in the Dawn theme.
Initial attempt: CSS targeting .product-form__submit:hover successfully changed background and text color, but not the apparent border.
Key insight: the visible “border” on hover was not the border property but a box-shadow applied via a pseudo-element.
Action taken: adding .button:not([disabled]):hover:after { box-shadow: none; } in base.css removed the border-like outline on hover. Code snippets are central to understanding the fix.
Current status: the hover outline is removed by disabling box-shadow. It’s not confirmed whether the desired border color was then set after this change.
Outcome: partial resolution; the root cause (box-shadow on :after) was identified and neutralized. Open question: whether the border-color was subsequently applied to #f15822 as intended.