.button:where(:has(.icon)) {
text-align: center;
min-inline-size: 10ch;
}
.button:where(:not(:has(.icon))) {
text-align: center;
min-inline-size: 10ch;
}
.card :is(h2, h3) {
&:has(.tag) {
display: grid;
gap: 0.25em;
justify-items: start;
}
}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter