Дарья

background: linear-gradient(157deg, rgba(0,255,0,.5), rgba(0,255,0,0) 60.71%)

Преобразовать иконку IoIosArrowBack в ссылку, которую сможет использовать content

const reactSvgComponentToMarkupString = (Component, props) =>
  `data:image/svg+xml,${encodeURIComponent(
    renderToStaticMarkup(createElement(Component, props))
  )}`;

.content-head:hover как раз и срабатывает при наведении на весь блок. Чтобы срабатывало только при наведении на ссылку надо на эту ссылку вешать hover

#phones:hover + .content {display: block;}