1. #process {
2.   margin-bottom: 25px;
3. }
4. #process h1 {
5.   font-size: 26px;
6.   font-weight: bold;
7. }
8. #process .buttons {
9.   max-width: 50%;
10. }
11. #process .stages {
12.   max-width: 90%;
13. }
14. #process .stages,
15. #process .buttons {
16.   display: flex;
17.   justify-content: space-between;
18.   align-items: center;
19.   margin-top: 25px;
20. }
21. #process .stages .stage,
22. #process .stages .button,
23. #process .buttons .stage,
24. #process .buttons .button {
25.   display: flex;
26.   flex-direction: column;
27.   justify-content: center;
28.   align-items: center;
29.   margin-bottom: 20px;
30. }
31. #process .stages .stage button,
32. #process .stages .button button,
33. #process .buttons .stage button,
34. #process .buttons .button button {
35.   margin-top: 10px;
36.   position: relative;
37.   border: 1px solid black;
38. }
39. #process .stages .stage button::after,
40. #process .stages .button button::after,
41. #process .buttons .stage button::after,
42. #process .buttons .button button::after {
43.   content: "";
44.   position: absolute;
45. }
46. #process .stages .stage button,
47. #process .buttons .stage button {
48.   width: 50px;
49.   height: 50px;
50.   border-radius: 50%;
51.   background: none;
52. }
53. #process .stages .stage button::after,
54. #process .buttons .stage button::after {
55.   width: 50%;
56.   height: 50%;
57.   border-radius: 50%;
58.   top: 50%;
59.   left: 50%;
60.   transform: translate(-50%, -50%);
61.   background: red;
62. }
63. #process .stages .stage button.active::after,
64. #process .buttons .stage button.active::after {
65.   background: green;
66. }
67. #process .stages .button button,
68. #process .buttons .button button {
69.   width: 80px;
70.   height: 30px;
71.   border-radius: 15px;
72.   background: red;
73. }
74. #process .stages .button button::after,
75. #process .buttons .button button::after {
76.   top: -1px;
77.   left: -1px;
78.   width: 40px;
79.   height: 30px;
80.   border-radius: 15px;
81.   background: gray;
82.   transition: 0.3s transform;
83. }
84. #process .stages .button button.active,
85. #process .buttons .button button.active {
86.   background: green;
87. }
88. #process .stages .button button.active::after,
89. #process .buttons .button button.active::after {
90.   transform: translateX(100%);
91. }