.yayrev-copy-link {
display: inline-flex;
align-items: center;
position: relative;
padding: 4px;
font-size: 13px;
font-weight: 500;
color: #555;
background: transparent;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: none;
border: none;
}
.yayrev-copy-link:hover {
color: #333;
background: #f9f9f9;
}
.yayrev-copy-link:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
} .yayrev-copy-link[data-tooltip]:hover::before,
.yayrev-copy-link--copied::before {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 6px);
left: 50%;
transform: translateX(-50%);
background: #1f2937;
color: #fff;
padding: 0.375rem 0.625rem;
border-radius: 0.375rem;
font-size: 0.6875rem;
font-weight: 500;
white-space: nowrap;
z-index: 10;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
pointer-events: none;
} .yayrev-copy-link--copied[data-tooltip]:hover::before {
content: attr(data-tooltip);
}