.panel-reservation {
  position: fixed;
  right: 1rem;
  top: calc(
    var(--axili-header-height) + var(--wp-admin--admin-bar--height, 0rem) +
      0.35rem
  );
  z-index: 20;
}

@media screen and (min-width: 1500px) {
  .panel-reservation {
    top: calc(var(--wp-admin--admin-bar--height, 0rem) + 0.8rem);
    right: 2.5rem;
  }
  .panel-reservation.scrolled a {
    background-color: hsl(var(--axili-primary), 0.1);
    color: color-mix(in srgb, hsl(var(--axili-primary)) 80%, black);
    text-shadow: 0 0 24px hsl(var(--axili-background));
  }
}

.panel-reservation a {
  display: inline-block;
  padding: 0.5rem 1rem;
  font-weight: 600;
  backdrop-filter: blur(8px);
  border-radius: var(--axili-btn-radius);
  background-color: hsl(var(--axili-primary), 0.2);
  color: color-mix(in srgb, hsl(var(--axili-primary)) 20%, white);
  text-shadow: 0 0 24px hsl(var(--axili-title));
}