i {
    align-items: center;
    display: inline-flex;
    height: auto;
    justify-content: center;
    width: 1.5em;
}

:not(.circle) > i {
  margin-right: 4px;
}

p:has(i) {
    display: flex;
    a {
        display: flex;
        large {
            display: inline-flex;
        }
        &:hover {
            i {
                svg {
                    fill: var(--color-green);
                    stroke: white;
                    stroke-width: 0.25px;
                }
            }
        }
    }
    large {
        font-size: 2.5em;
    }
}

center {
    p:has(i) {
        justify-content: center;
    }
}