/* hide the button while the preferences modal is open (only if you add this class yourself) */
.show--preferences .cookie-button {
  display: none;
}

.cookie-button {
  position: fixed;
  bottom: 20px;
  left: 20px;

  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;

  background-color: #212121;
  background-image: url("https://harboursideaccidentrepair.co.uk/wp-content/uploads/2025/12/cookie-icon.svg");
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center;

  cursor: pointer;
  z-index: 9999;

  box-shadow: -3px 8px 6px 0px rgb(0 0 0 / 24%);
}

.cookie-button:hover {
  background-color: #000;
}

.cookie-button span {
  overflow: hidden;
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
}