Не работает кнопка с кликабельным номером телефона на сайте?

Question

[VPVPVP]

В общем добавили кнопку такого вида-

<a href="tel:[phone]"><div id="popup_toggle" onclick="return false;"><div class="circlephone" style="transform-origin: center;"></div><div class="circle-fill" style="transform-origin: center;"></div><div class="img-circle" style="transform-origin: center;"><div class="img-circleblock" style="transform-origin: center;"></div></div></div></a>

Как сделать в таком варианте кода,кликабельный номер телефона? ну т.е человек жмёт на кнопку и срабатывает
Так как в варианте с кнопкой он почему то неработает

Answer 1

[Ankhena]

Просто ссылка с href:tel без всяких диких div внутри
https://jsfiddle.net/xhk8573n/

<a class="call-me" href="tel:[phone]">☏</a>

.call-me {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 10px solid #fff;
  box-shadow: 0 0 0 2px green;
  background: green;
  text-decoration: none;
  font-size: 40px;
  line-height: 0;
  color: #fff;
}

Трубочку вставите свою, из шрифта или SVG'шкой