a {
color: #3498db;
font-weight: bold;
font-size: 16px;
background-color: #f0f0f0;
padding: 5px 10px;
border-radius: 5px;
transition: all 0.3s ease;
}
a:hover {
background-color: #3498db;
color: white;
}
.hovered {
background-color: yellow;
}
document.getElementById("dynamicLink").addEventListener("mouseover", function() {
this.classList.add("hovered");
});
document.getElementById("dynamicLink").addEventListener("mouseout", function() {
this.classList.remove("hovered");
});