/* Wrapper styling for the <pre> tag */
pre {
    position: relative; /* Ensure the <pre> element is positioned for the button */
    padding-top: 28px !important; /* Add space for the button if needed */
}

/* Style the Copy button */
.copy-btn {
    position: absolute;
    top: 5px; /* Position at the top of the <pre> */
    right: 5px; /* Position at the right edge of the <pre> */
    padding: 5px 10px;
    font-size: 12px;
    background-color: #e95378; /* Primary colour */
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    z-index: 10; /* Ensure it stays on top of the <pre> content */
}

/* Change button colour on hover */
.copy-btn:hover {
    background-color: #ee8270; /* Hover colour */
}