.clqrc-buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin: 12px 0;
} .clqrc-buttons .clqrc-copy,
.clqrc-buttons .clqrc-qr {
background-color: #0073aa;
color: #fff;
border: none;
border-radius: 4px;
padding: 8px 12px;
cursor: pointer;
font-size: 14px;
transition: background-color 0.2s ease;
}
.clqrc-buttons .clqrc-copy:hover,
.clqrc-buttons .clqrc-qr:hover {
background-color: #0096d6;
}
.clqrc-buttons .clqrc-copy:focus,
.clqrc-buttons .clqrc-qr:focus {
outline: 2px solid #4fc3f7;
outline-offset: 2px;
} .clqrc-qr-popup {
position: relative;
margin-left: 8px;
min-width: 80px;
z-index: 9999;
} .clqrc-qr-popup .clqrc-qr-inner {
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
padding: 12px;
border-radius: 6px;
display: inline-block;
} .clqrc-qr-popup .clqrc-qr-close {
display: block;
text-align: right;
margin-top: 6px;
font-size: 12px;
color: #666;
cursor: pointer;
user-select: none;
}
.clqrc-qr-popup .clqrc-qr-close:hover {
color: #000;
} .clqrc-qr-popup a {
display: inline-block;
margin-right: 8px;
font-size: 12px;
color: #0073aa;
text-decoration: none;
}
.clqrc-qr-popup a:hover {
text-decoration: underline;
} @media (max-width: 480px) {
.clqrc-buttons {
flex-direction: column;
align-items: flex-start;
}
.clqrc-qr-popup {
margin-left: 0;
margin-top: 8px;
}
}