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

a:has(i) {
    display: inline-flex;
    font-size: inherit;
    gap: 4px;
    padding: 0.75em 1em;
}

button:has(i) {
    border: none;
    color: inherit;
    display: inline-flex;
    font-size: inherit;
    gap: 4px;
    padding: 0.75em 1em;
}

h1:has(i),
h2:has(i),
h3:has(i) {
    gap: 4px;
}

:is(a, button):has(i):not(nav *) {
    border-radius: 0.5em;
}

p:has(i) {
    display: flex;
    gap: 4px;
    justify-content: center;
    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;
    }
}