Pseudo Elements

Hover over me!!
1import React from 'react';
2import { styled } from '@filbert-js/core';
3
4const Card = styled('div')`
5  border: solid 2px gray;
6  display: flex;
7  flex-direction: column;
8  align-items: center;
9  min-height: 2.5rem;
10  padding: 0.5rem;
11  &:hover {
12    background: gray;
13  }
14  &::before {
15    content: '';
16    display: block;
17    height: 1rem;
18    width: 1rem;
19    border-radius: 50%;
20    background: hotpink;
21  }
22`;
23
24render(<Card>Hover over me!!</Card>);