[lang="fr"] {
    --copy-translation-copied: "Copié !"
}
[lang="en"] {
    --copy-translation-copied: "Copied!"
}

[data-copy] {
    position: relative;
    & + fieldset {
        gap: unset;
        flex-direction: unset;
        .copy-input {
            display: inline-block;
            width: 50px;
            --pico-background-color: var(--pico-form-element-background-color);
            --pico-border-color: var(--pico-form-element-border-color);
            --pico-color: var(--pico-form-element-color);
            --pico-box-shadow: none;
            border: var(--pico-border-width) solid var(--pico-border-color);
            border-bottom-right-radius: var(--pico-border-radius);
            border-top-right-radius: var(--pico-border-radius);
            outline: 0;
            background-color: var(--pico-background-color);
            background-image: url("../images/icons/copy-835229a8cc9cfbbf363ebf278e264fba.svg");
            background-size: 20px 20px;
            background-position: center center;
            cursor: pointer;
            box-shadow: var(--pico-box-shadow);
            color: var(--pico-color);
            font-weight: var(--pico-font-weight);
            transition: background-color var(--pico-transition),border-color var(--pico-transition),color var(--pico-transition),box-shadow var(--pico-transition);

            &.copied {
                position: relative;

                &::before {
                    content: var(--copy-translation-copied);
                    display: block;
                    z-index: 99;
                    position: absolute;
                    bottom: 100%;
                    left: 50%;
                    padding: .25rem .5rem;
                    overflow: hidden;
                    transform: translate(-50%, -.25rem);
                    border-radius: var(--pico-border-radius);
                    background: var(--pico-tooltip-background-color);
                    color: var(--pico-tooltip-color);
                    font-style: normal;
                    font-weight: var(--pico-font-weight);
                    font-size: .875rem;
                    text-decoration: none;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    opacity: 1;
                    pointer-events: none;
                }
            }
        }
    }
}