.button:focus {
  outline: none;
}

.button:focus-visible {
  box-shadow: 2px 2px 0 var(--accent-color, #000);
}

.button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background-color: var(--accent-color, #000);
  transition: transform 0.5s ease-in-out;
  transform: scaleX(0);
  transform-origin: left;
  inline-size: 100%;
  block-size: 101%;
}

.button:hover::before {
  transform: scaleX(1);
}

.card__icon-button:focus-visible .like-icon {
  border-color: var(--accent-color, #000);
}