.compact-list {
    h3 {}

    .compact-list-items {
        list-style: none;

        .compact-list-item {
            $arrowWidth: 25px;

            display: grid;
            grid-template-columns: $arrowWidth 1fr;

            &:not(:first-child) {
                margin-bottom: 0.25rem;
            }

            &:not(:last-child) {
                margin-top: 0.25rem;
            }

            .arrow {
                display: flex;
                flex-direction: column;
                justify-content: center;
                width: $arrowWidth;
            }

            .link {
                text-decoration: none;
                font-size: 1.2rem;
            }
        }
    }
}