.heading-tape span {
position: relative;
display: inline-block;
--after-width: 100%;
}
.heading-tape span::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: var(--after-width);
height: 100%;
background-color: currentColor;
z-index: -1;
transform-origin: left;
}.heading-tape {
position: relative;
span {
position: relative;
display: inline-flex;
align-items:center;
z-index: -1;
&:after {
content: '';
position: absolute;
z-index: -1;
left: 0;
bottom: unset;
width: var(--after-width);
height: 75%;
background-color: var(--primary);
transform: translateX(calc(-100% + var(--after-width)));
}
}
}
#brx-header {
position:fixed;
}