.copy-btn {
    background: #1e1e1e;
    color: #fff;
    border: 1px solid #555;
    padding: 4px 10px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 4px;

    opacity: 0;
    transition: all 0.2s ease;
    transform: translateY(-2px);
}

/* hover görünür */
pre:hover .copy-btn {
    opacity: 1;
    transform: translateY(0);
}

/* hover efekti */
.copy-btn:hover {
    background: #2a2a2a;
}

/* kopyalandı durumu */
.copy-btn.copied {
    background: #2ecc71;
    border-color: #27ae60;
    transform: scale(1.05);
}

/* mobilde her zaman görünür */
@media (max-width: 768px) {
    .copy-btn {
        opacity: 1;
    }
}