.growfund-campaign-bookmark-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--growfund-spacing-2);
  width: 100%;
  height: 100%;
  padding: var(--growfund-spacing-3) 0;
  border-radius: var(--growfund-radius-md);
  background-color: var(--growfund-bg-gray);
  color: var(--growfund-text-gray);
}

.growfund-campaign-bookmark-button:hover {
  background-color: var(--growfund-bg-fill-brand);
  opacity: 0.8;
}

.growfund-campaign-bookmark-button:hover .growfund-campaign-bookmark-icon path {
  stroke: var(--growfund-bg-surface);
  fill: var(--growfund-bg-fill-brand);
  stroke-width: 2;
}

.growfund-campaign-bookmark-button .growfund-campaign-bookmark-icon path {
  fill: none;
  stroke: var(--growfund-icon-primary);
  stroke-width: 2;
}

.growfund-campaign-is-bookmarked {
  background-color: var(--growfund-bg-fill-brand);
  opacity: 0.8;
}

.growfund-campaign-is-bookmarked:hover {
  background-color: var(--growfund-text-gray);
  opacity: 0.8;
}

.growfund-campaign-is-bookmarked:hover .growfund-campaign-bookmark-icon path {
  stroke: var(--growfund-bg-surface);
  fill: var(--growfund-text-gray);
  stroke-width: 2;
}

.growfund-campaign-is-bookmarked .growfund-campaign-bookmark-icon path {
  fill: var(--growfund-bg-fill-brand);
  stroke: var(--growfund-bg-surface);
  stroke-width: 2;
}