.hexagon-droplet-button-long.hover-filter:hover {
  filter: brightness(1.2) saturate(150%) hue-rotate(45deg);
}

/* Hover effect containers */

.hover-method {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

/* Fallback for visibility */

.hover-method a {
  background-color: #0D0923;
  border: 2px solid white;
}

.hexagon-droplet-button-long.hover-filter:hover {
  filter: brightness(1.2) saturate(150%) hue-rotate(45deg);
}

.hexagon-droplet-button-long.hover-dynamic {
  --hover-filter: brightness(1.3) hue-rotate(60deg);
  transition: filter 0.3s ease;
}

.hexagon-droplet-button-long.hover-dynamic:hover {
  filter: var(--hover-filter);
}

.hexagon-droplet-button.hover-swap {
  background-image: url(../../assets/img/hexagon-droplet-button-2023-colour-short-new.svg?h=5ac3508b69c2452cc12bd18cec5a4f5f);
  transition: background-image 0s;
  padding: 6px 36px 0 0;
}

.hexagon-droplet-button-long.hover-swap {
  background-image: url(../../assets/img/hexagon-droplet-button-2023-colour-long-new.svg?h=9b4290b07987ed1de8d56a91cfd89696);
  transition: background-image 0s;
  background-position: 100px 0px;
}

.hexagon-droplet-button-long.hover-swap:hover {
  background-image: url(../../assets/img/hexagon-droplet-button-2023-colour-long-new-orange.svg?h=e1eb7a24500c50095f8c13f7e4172eaf);
  color: #0D0923;
}

.hexagon-droplet-button.hover-swap:hover {
  background-image: url(../../assets/img/hexagon-droplet-button-2023-colour-short-new-hover.svg?h=2f0ccbf79115dc3392098b7099b6c4b2);
  color: #0D0923;
  /*backgound-position: 0px 100px;*/
}

a.hexagon-droplet-button {
}