Блог

У меня есть кнопка со значком, и я хочу, чтобы при наведении появлялся один цвет фона для текстовой части, а другой для значка. Проблема в том, что кажется, что переход при наведении удваивается, а фоны отображаются один за другим одновременно. Есть идеи, как это решить?

Вот ссылка codepen на то, что я пытаюсь сделать: https://codepen.io/christmastrex/pen/RwGoeZq

Вот мой html <a class="btn btn--transparent" href="#bio-ufoma">Read Bio <i class="fal fa-arrow-right btn--transparent--arrow"></i></a>