@layer components {
    .share {
        display: grid;
        gap: var(--space-3);
        padding-block-start: var(--space-5);
        border-block-start: 1px solid var(--line);
    }

    .share-heading {
        font-size: var(--size-h3);
    }

    .share-url {
        min-width: 0;
        flex: 1 1 220px;
        font-family: var(--font-data);
        font-size: var(--size-small);
    }
}