.favorite {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid var(--bevmo-border-gray);
  background: white;
}

.favorite:focus-visible,
.favorite.focused,
.favorite:hover {
  transform: scale(1.05)
;}

.favorite--selected {
  background: var(--bevmo-red);
  border-color: var(--bevmo-red);
}

.favorite--selected path {
  stroke: white;
}

.favorite--loading {
  cursor: pointer;
  opacity: 0.5;
  pointer-events: none;
}