.flecha-izquierda{
    position: relative;
    display: inline;
    left: 8px;
    font-weight: 500;
    transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .flecha-derecha{
    position: absolute;
    display: inline;
    right: 25px;
    font-weight: 500;  
    transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .flecha-derecha:hover{transform: translateX(10px);}
  .flecha-derecha *{transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);}
  .flecha-izquierda *{transition: all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);}
  a.modulo-anterior:link{
    color: black;
    text-decoration: none;
  }
  a.modulo-anterior:hover{
    color: var(--theme-color-light);
    margin-left: -10px;
  }
  a.modulo-anterior:visited:hover{
    color: var(--theme-color-light);
  }
  a.modulo-anterior:visited{
    color: black;
  }
  a.modulo-siguiente:link{
    color: #000000;
    text-decoration: none;
  }
  a.modulo-siguiente:hover{
    color: var(--theme-color-light);
  }
  a.modulo-siguiente:visited{
    color: black;
  }
  a.modulo-siguiente:visited:hover{
    color: var(--theme-color-light);
  }