src/components/@shared/NetworkName/index.module.css
.network {
text-transform: capitalize;
display: inline-flex;
align-items: center;
color: var(--color-secondary);
}
.icon {
display: inline-block;
width: 1.2em;
height: 1.2em;
fill: currentColor;
margin-right: calc(var(--spacer) / 8);
}
.minimal {
position: relative;
}
.minimal .name {
opacity: 0;
width: 0;
}
@media screen and (min-width: 42rem) {
.minimal:hover .name {
width: auto;
opacity: 1;
}
}