Estoy un poco bloqueado en algo bastante simple. Intento agregar un selector de pseudoclase dentro de un componente con estilo. Solo para agregar un poco de fondo a un elemento de enlace cuando se desplaza el mouse Pero parece que no reconoce la pseudo clase ya que el css interno no se aplica. Si alguien puede ayudarme a descubrir por qué no lo hace, me salvaría la vida, jaja.

Código a continuación

 import React from "react"; import styled from "styled-components"; import { Link } from "react-router-dom"; import { config } from "../../configFile"; import { StyledTitle, StyledSpan, StyledBasicLink } from "../../utils/style/Styled"; const Button = styled(Link)` display: flex; justify-content: center; padding: 10px 15px; color: #f7f7f7; text-decoration: none; font-size: 18px; text-align: center; align-items: center; &:hover { background-color: darken(#000000, 5%); border-radius: 5px; } `