Inset button occupies entire viewport

[deankerr]

Hi Anatoly,

My collection is being obscured by a button determined to occupy the full viewport:

<div class="stolen-button" data-id="754" data-name="&quot;Get a free trial&quot; from coderabbit.ai" data-stolen-at="Tue, 13 Aug 2024 15:12:28 GMT"><a rel="noopener" style="place-content: center; align-items: center; anchor-name: none; background-color: rgb(255, 71, 2); border-radius: 200px; border-width: 0px; box-sizing: border-box; color: rgb(0, 0, 238); gap: 10px; cursor: pointer; display: flex; field-sizing: fixed; flex-direction: column; font-family: sans-serif; font-size-adjust: none; height: min-content; inset-area: none; line-height: normal; padding-block: 16px; padding-inline: 28px; position-try: none; position-visibility: always; text-decoration: none solid rgb(0, 0, 238); text-spacing-trim: normal; view-transition-class: none; width: 100%;"><div style="anchor-name: none; background-image: radial-gradient(25% 50% at 50% 0%, #FFF 0%, rgba(255, 255, 255, 0) 100%); border-radius: 4px; border-width: 0px; box-sizing: border-box; color: rgb(0, 0, 238); display: block; field-sizing: fixed; filter: blur(15px); flex-shrink: 0; font-size-adjust: none; inset-area: none; overflow: hidden; position: absolute; position-try: none; position-visibility: always; text-decoration: none solid rgb(0, 0, 238); text-spacing-trim: normal; unicode-bidi: isolate; view-transition-class: none; will-change: transform;"></div><div style="anchor-name: none; background-image: radial-gradient(20.7% 50% at 50% 0%, rgb(184, 75, 20) 0%, rgba(255, 255, 255, 0) 100%); border-radius: 200px; border-width: 0px; box-sizing: border-box; color: rgb(0, 0, 238); display: block; field-sizing: fixed; flex-shrink: 0; font-size-adjust: none; inset-area: none; overflow: hidden; position: absolute; position-try: none; position-visibility: always; text-decoration: none solid rgb(0, 0, 238); text-spacing-trim: normal; unicode-bidi: isolate; view-transition-class: none; will-change: transform;"></div><div style="anchor-name: none; background-color: rgb(255, 71, 2); border-radius: 200px; border-width: 0px; inset: 2px; box-sizing: border-box; color: rgb(0, 0, 238); display: block; field-sizing: fixed; flex-shrink: 0; font-size-adjust: none; inset-area: none; inset-block: 2px; inset-inline: 2px; overflow: hidden; position: absolute; position-try: none; position-visibility: always; text-decoration: none solid rgb(0, 0, 238); text-spacing-trim: normal; unicode-bidi: isolate; view-transition-class: none; will-change: transform;"></div><div style="anchor-name: none; border-width: 0px; box-sizing: border-box; color: rgb(0, 0, 238); display: flex; field-sizing: fixed; flex-direction: column; flex-shrink: 0; font-size-adjust: none; inset-area: none; justify-content: flex-start; position: relative; position-try: none; position-visibility: always; text-decoration: none solid rgb(0, 0, 238); text-spacing-trim: normal; white-space: pre; unicode-bidi: isolate; view-transition-class: none;"><p style="anchor-name: none; border-width: 0px; box-sizing: border-box; color: #FFF; display: block; field-sizing: fixed; font-family: Figtree, &quot;Figtree Placeholder&quot;, sans-serif; font-size: 16px; font-size-adjust: none; font-weight: 500; inset-area: none; line-height: 19.2px; position-try: none; position-visibility: always; text-decoration: none solid #FFF; text-spacing-trim: normal; white-space: pre; unicode-bidi: isolate; view-transition-class: none;">Get a free trial</p></div></a></div>

The offending button was stolen from the coderabbit.ai front page. I was able to remove it, but it took some messing around in the inspector to determine which button was causing the issue.

Thanks for the lovely extension.