.theme-toggle {
  font-size: 0 !important;
}

.theme-toggle::after {
  position: relative;
  z-index: 2;
  display: block;
  color: var(--ink);
  content: '☾';
  font: 700 26px/1 Arial, sans-serif;
  text-shadow: 2px 2px 0 var(--skin);
}

[data-theme='dark'] .theme-toggle::after {
  color: #ffd36e;
  content: '☀';
  font-size: 23px;
  text-shadow: 2px 2px 0 #7d4b38;
}

.theme-toggle:hover::after {
  color: #fff;
}