/* Aplicado a qualquer botão/link "ligado" pelo specular-button.js —
   preserva o visual original do elemento e só adiciona a camada do
   brilho por cima (atrás do conteúdo, por causa do insertBefore). */
.specular-button-enhanced {
  overflow: visible;
}

.specular-button__fx {
  position: absolute;
  inset: -20px;
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
}

.specular-button__fx canvas {
  display: block;
  width: 100%;
  height: 100%;
}