.icon-button {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: var(--radius-md);
  color: var(--color-text);
  cursor: pointer;
  display: flex;
  height: var(--text-5xl);
  justify-content: center;
  position: relative;
  transition: background-color var(--transition-fast),
    transform var(--transition-fast), opacity var(--transition-fast);
  width: var(--text-5xl);
}

.icon-button:hover {
  background-color: var(--icon-button-hover);
  color: var(--color-title);
}