pre:has(code) {
    position: relative;
}

pre button.copy {
    position: absolute;
    right: 16px;
    top: 16px;
    height: 16px;
    width: 16px;
    padding: 0;
    display: flex;

    & span {
        width: 100%;
        aspect-ratio: 1 / 1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    & .ready {
        background-image: url('/c1.png');
    }

    & .success {
        display: none;
        background-image: url('/c2.png');
    }


    &.copied {
        & .success {
            display: block;
        }

        & .ready {
            display: none;
        }
    }
}