This code
Button {
display: block;
@media screen and (min-width: 48rem) {
display: none;
}
}
gets parsed into
@media screen and (min-width: 48rem) {
.__Button__hash__ {
display: none;
}
}
.__Button__hash__ {
display: block;
}
which results in display: block on any screen, because @media gets overridden by .__Button__hash__