Как нужно применить class-name:hover изменить class-green {background-color: white;}?

Question

[Dilkhush]

<!-- white button -->
<a href="#" class="btn">
    <span class="btn__inner white">Button</span>
</a>

<!-- green button -->
<a href="#" class="btn">
    <span class="btn__inner green">Button</span>
</a>

.btn {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    color: red;
    background: #333;
}

.btn__inner {
        display: block;        
        padding: 15px 20px;
        background: inherit;
}

.white {
  background-color: white;
}

.green {
  background-color:green;
}

у меня есть две кнопки первый белый bg второй зеленый bg при ховере на white button как можно убрать от второго класса bg и он стал тоже white bg помогите плз у меня мозг слаб для этого)

Answer 1

[DevMan]

https://jsfiddle.net/08oh4tb2/