diff --git a/assets/css/app.css b/assets/css/app.css index 645b1dc..fcd4930 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -2515,17 +2515,37 @@ button.report-tag--filter:hover { } .platform-for-sale-badge__outer { display: block; + position: relative; background: #fff; border: 2px solid #c00; padding: 1px; + overflow: visible; +} +/* Extend band both ways from letter block — layout box unchanged, center stays put. */ +.platform-for-sale-badge__outer::before, +.platform-for-sale-badge__outer::after { + content: ''; + position: absolute; + left: 0; + right: 0; + height: 100vmax; + background: #fff; + border-left: 2px solid #c00; + border-right: 2px solid #c00; + box-shadow: inset 3px 0 0 0 #c00, inset -3px 0 0 0 #c00; + pointer-events: none; +} +.platform-for-sale-badge__outer::before { + bottom: 100%; +} +.platform-for-sale-badge__outer::after { + top: 100%; } .platform-for-sale-badge__inner { display: block; background: #fff; border: 2px solid #c00; - padding-inline: 0.45rem; - /* Long band — ends clip at viewport after -135deg rotation. */ - padding-block: calc(100vmax + 0.3rem); + padding: 0.3rem 0.45rem; } .platform-for-sale-badge__letters { display: flex;