.contains-copy-button {
    position: relative;

    .copy-button {
        position: absolute;
        top: 0;
        right: 0;

        background-color: transparent;
        border: none;

        &::after {
            content: '\f328';
            color: rgba($text-color, 0.75);

            font-family: 'Font Awesome 6 Free';
            font-weight: normal;
            font-style: normal;
        }

        &:hover {
            &::after {
                color: $text-color;
            }
        }

        &.copy-successful {
            &::after {
                content: '\f46c'
            }
        }

        &.copy-failed {
            &::after {
                content: '\f00d'
            }
        }
    }
}