/******* Do not edit this file *******
Code Snippets Manager
Saved: Nov 15 2025 | 19:32:22 */
@charset "UTF-8";
.custom-social-share {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}
.social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  /* Fondo transparente */
  transition: background 0.3s ease-in-out, fill 0.3s ease-in-out;
  /* Añadido fill a la transición */
}
/* El fondo en hover ahora es transparente, ya que el cambio es en el color del icono */
.social-btn:hover {
  /* No se necesita cambiar el background aquí, ya que el fondo deseado es transparente y el hover afecta el icono */
}
.social-btn svg {
  fill: var(--global-color-8);
  /* Color del logo: variable CSS */
  transition: fill 0.3s ease-in-out;
  /* Transición para el color del logo */
}
.social-btn:hover svg {
  fill: #1a4a9b;
  /* Color del logo en hover */
}