.text-line--bottom {
        text-align: center;
        position: relative;
        margin-bottom: .75em;
        padding-bottom: 1em;
        margin-top: 0;
    }

        .text-line--bottom::after {
            content: '';
            border-bottom: 3px solid hsl(var(--carnelian-dm, var(--carnelian)));
            display: block;
            height: .25em;
            position: absolute;
            margin: .5em auto;
            width: 3em;
            left: 50%;
            transform: translateX(-50%);
        
        }

        .text-line--bottom--left {
            text-align: left;
        }

        .text-line--bottom--left::after {
                left: 0;
                transform: unset;
            }