/*
 * botoes-hover.css — Uniformiza o micro-efeito de hover nos ícones dos botões (CTAs).
 *
 * Antes: só 3 botões giravam o ícone no hover (a classe group-hover:rotate havia sido
 * colada à mão em apenas 3 CTAs). Aqui, TODOS os botões .btn-lux passam a girar o ícone
 * de forma consistente — via CSS puro, sem precisar editar o markup de cada botão nem
 * adicionar a classe `group`.
 *
 * Escopo: apenas .btn-lux (os 16 botões-CTA). Não afeta ícones decorativos, o "×" do
 * modal, o chevron do acordeão de FAQ nem as setas de links de texto.
 *
 * Reversível: remover o <link> deste arquivo no index.html.
 */

.btn-lux .material-symbols-outlined {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-lux:hover .material-symbols-outlined {
  transform: rotate(8deg);
}

@media (prefers-reduced-motion: reduce) {
  .btn-lux .material-symbols-outlined { transition: none; }
  .btn-lux:hover .material-symbols-outlined { transform: none; }
}