[Malleys]

Вы можете использовать для этого псевдо-класс focus (вы уже использовали)

<button class="my-dropdown" data-icon="&#128222;">
	<a href="callto:+73412000000">+7(3412) 00 00 00</a>
</button>

<style>
	
.my-dropdown {
	all: unset;
	display: inline-block;
	position: relative;
}
.my-dropdown:hover::before,
.my-dropdown:focus::before {
	color: gold;
}
.my-dropdown::before {
	content: attr(data-icon);
	font-size: 300%;
	color: burlywood; /* для не цветных эмодзи */
}
.my-dropdown a {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	padding: 1em;
	left: 0;
	color: black;
	text-decoration: none;
	width: max-content;
}
.my-dropdown:focus a {
	display: initial;
}
	
</style>

На самом деле можно и так в HTML написать

<button class="my-dropdown" data-icon="📞">