/* The rates period controls share the same button treatment. Anchor specificity and styles are unchanged. */
/* Home page buttons in the header "Book Your Stay" style (client 2026-10-28): pale blush sand, inset
   hairline rule, Univers caps, but a right arrow instead of the shell. Applies to a.sbtn:
   About the resort (.cc-intro__more), All attractions (.lae__all), Plan a beach day (.bsf__button),
   Book Now (.bkr__button) and the menu overlay's Book Now (.srm__book).
   The rule is a negative-offset outline and the sand is background layers, so no wrapper or pseudo
   elements are needed (each section's own ::before/::after arrows are switched off). Margins and
   positioning stay with each section. :is(a.sbtn.sbtn.sbtn,button.rrs__period-button.sbtn.sbtn) outranks the old section rules (max 0,3,0). */
@font-face{font-family:"HBS Univers";src:url("../fonts/library/univers-next-paneuropean/univers-next-paneuropean-400.woff2") format("woff2");font-weight:400;font-display:swap}

:is(a.sbtn.sbtn.sbtn,button.rrs__period-button.sbtn.sbtn){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  width:auto;
  min-width:0;
  max-width:100%;
  height:60px;
  min-height:0;
  padding:0 34px 0 38px;
  border:0;
  border-radius:2px;
  background-color:#F6DDD0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .98 0 0 0 0 .95 0 0 0 9 -5.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .43 0 0 0 0 .25 0 0 0 0 .17 0 0 0 1.9 -.98'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 45%,rgba(110,62,46,.06));
  background-size:220px 220px,180px 180px,100% 100%;
  background-blend-mode:multiply,multiply,normal;
  color:#6E3E2E;
  font:400 14px/1 "HBS Univers","Helvetica Neue",Arial,sans-serif;
  letter-spacing:.3em;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  outline:1px solid rgba(110,62,46,.4);
  outline-offset:-6px;
  box-shadow:0 12px 28px -14px rgba(20,48,43,.4);
  transform:none;
  transition:transform .5s cubic-bezier(.22,.7,.2,1),box-shadow .5s cubic-bezier(.22,.7,.2,1),outline-offset .5s cubic-bezier(.22,.7,.2,1);
}
:is(a.sbtn.sbtn.sbtn,button.rrs__period-button.sbtn.sbtn)::before,:is(a.sbtn.sbtn.sbtn,button.rrs__period-button.sbtn.sbtn)::after{content:none}
:is(a.sbtn.sbtn.sbtn,button.rrs__period-button.sbtn.sbtn) .sbtn__arrow{display:block;flex:none;width:22px;height:16px;margin:0;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s cubic-bezier(.22,.7,.2,1)}
:is(a.sbtn.sbtn.sbtn,button.rrs__period-button.sbtn.sbtn):hover{
  background-color:#F6DDD0;
  color:#6E3E2E;
  transform:translateY(-2px);
  outline-offset:-9px;
  box-shadow:0 16px 32px -14px rgba(20,48,43,.45);
}
:is(a.sbtn.sbtn.sbtn,button.rrs__period-button.sbtn.sbtn):hover .sbtn__arrow{transform:translateX(4px)}
:is(a.sbtn.sbtn.sbtn,button.rrs__period-button.sbtn.sbtn):focus-visible{outline:1px solid #B8705A;outline-offset:-6px;box-shadow:0 0 0 3px rgba(184,112,90,.45),0 12px 28px -14px rgba(20,48,43,.4)}

@media (max-width:900px){
  :is(a.sbtn.sbtn.sbtn,button.rrs__period-button.sbtn.sbtn){height:56px;padding:0 28px 0 32px;font-size:13px;gap:14px}
}
@media (max-width:480px){
  :is(a.sbtn.sbtn.sbtn,button.rrs__period-button.sbtn.sbtn){height:54px;padding:0 24px 0 28px;font-size:12px;letter-spacing:.26em}
}
@media (prefers-reduced-motion:reduce){:is(a.sbtn.sbtn.sbtn,button.rrs__period-button.sbtn.sbtn),:is(a.sbtn.sbtn.sbtn,button.rrs__period-button.sbtn.sbtn) .sbtn__arrow{transition:none}}