When I hover over the button, I change the background, how can I make the

Question

css

in the button also change along with it?

When hovering over the button, with the help of hover I change the background, how to make it also change simultaneously with the background. Is it possible to do this with css?

<button class="btn" id="fonts"><p>Кнопка</p></button>

.btn {
        background: transparent none;          
    }
    .btn p {        
        color: #FFCC00;
    }
    .btn:hover {
        background:#FED802;
    }
   .btn p:hover {
        color: #004a80;
    }

Thanks in advance and sorry if this is a dumb question, but Google is getting tired. jsfiddle.net/22rtnr8u

Answer 1

.btn:hover p {
color: #004a80;
}
jsfiddle.net/22rtnr8u/1