.card-hover {
  position: relative;
  overflow: hidden;
}

.card-hover .content {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
}

.card-hover:hover .content {
  opacity: 1;
  transform: translateY(0);
}
    

function copyCode(button) {
  const codeBlock = button.closest('.tw-code-card').querySelector('code');
  const text = codeBlock.innerText;

  navigator.clipboard.writeText(text).then(() => {
    button.innerText = 'Copiado';
    setTimeout(() => {
      button.innerText = 'Copiar código';
    }, 2000);
  });
}