.c-title::after {
content: "";
width: 100%;
height: .2em;
/* background-color: var(--c-title-underline-color); */
background: red;
position: absolute;
bottom: -2px;
left: 0;
}
why we use bottom and left and not use right and top?