I'm new to developing! I started learning a few months ago :D I'm trying to make it so when I hover around a div that contains a header and some text, then a border colored in a different way than the background will pop up around it, highlighting the area of that div. I've been successful with that!

.item {
    border: solid 0px;
    border-spacing: 10px;
    background: rgba(164, 165, 219, 0.45);
    border-radius: 20px;
}

.item:hover {
    background: rgba(72, 74, 196, 0.45);
}

However, I can't seem to be able to change the color of the text as well. I can only change the color of the text when hovering directly above it.

.project-text {
    color: rgb(43, 41, 41);
    font-size: 50px;
}

.project-text:hover {
    color: white;

}

I want to be able to change the color of the text already while hovering around the border of the div, is it possible to do so?