Button by andrew-demchenk0

1.button {
2  --bg-color: #111;
3  --main-color: #fefefe;
4  width: 40px;
5  height: 40px;
6  border-radius: 100%;
7  border: 2px solid var(--main-color);
8  background-color: var(--bg-color);
9  box-shadow: 4px 4px var(--main-color);
10  font-size: 25px;
11  display: flex;
12  justify-content: center;
13  align-items: center;
14  transition: all 0.2s;
15  cursor: pointer;
16}
17
18.button:active {
19  box-shadow: 0px 0px var(--main-color);
20  transform: translate(3px, 3px);
21}
22
23.icon {
24  width: 24px;
25  height: 24px;
26  fill: var(--main-color);
27}