<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/5ac25e28db61479991a1340a225f676b&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/5ac25e28db61479991a1340a225f676b-487db1645b098976.gif</thumbnail_url><duration>413.2435</duration><title>Resolving Style Conflicts in Your Button Component ⚙️</title><description>In this video, I walk through some styling issues with your button element, particularly how conflicting styles can impact its appearance across different pages and breakpoints. I emphasize the importance of applying base styles correctly and avoiding unnecessary overrides, especially when using the &quot;current&quot; modifier. I demonstrate how to reset styles and ensure consistency across breakpoints, ultimately resolving the conflicts we encountered. Please review the changes I suggest and ensure that you check the button&apos;s appearance at all breakpoints to maintain a cohesive design. Let’s keep everything clean to avoid future styling issues.</description></oembed>