/ docs / src / components / StepHeader / styles.module.css
styles.module.css
 1  .stepHeader {
 2    display: flex;
 3    align-items: center;
 4    gap: 1rem;
 5    margin: 2rem 0 1rem 0;
 6  }
 7  
 8  .stepNumber {
 9    display: flex;
10    align-items: center;
11    justify-content: center;
12    width: 34px;
13    height: 34px;
14    min-width: 34px;
15    border-radius: 50%;
16    background: transparent;
17    box-shadow:
18      0 0 0 2px rgba(1, 148, 226, 0.6),
19      0 3px 8px rgba(1, 148, 226, 0.14);
20    color: #0194e2;
21    font-weight: 600;
22    font-size: 1.1rem;
23    flex-shrink: 0;
24  }
25  
26  .stepTitle {
27    margin: 0;
28    font-size: 1.4rem;
29    font-weight: 400;
30    color: var(--ifm-color-emphasis-900);
31  }