/* =========================================================
   SECTION 07 — PRIMARY CTA COMPACT
   ONLY BOOK APPOINTMENT BUTTON
   ========================================================= */

html body
.vita-finale-v1
.vita-finale-v1__actions
> a.vita-finale-v1__book{

  width:min(820px,100%) !important;

  min-height:86px !important;

  margin-left:auto !important;
  margin-right:auto !important;

  grid-template-columns:
    minmax(0,1fr)
    58px !important;

  gap:18px !important;

  padding:
    12px
    14px
    12px
    24px !important;

  border-radius:22px !important;
}


/* bloom circle */

html body
.vita-finale-v1
.vita-finale-v1__actions
> a.vita-finale-v1__book::before{

  right:17px !important;

  width:52px !important;
  height:52px !important;
}


/* label spacing */

html body
.vita-finale-v1
.vita-finale-v1__book
.vita-finale-v1__book-label{

  gap:17px !important;
}


/* tiny 01 */

html body
.vita-finale-v1
.vita-finale-v1__book
.vita-finale-v1__book-number{

  font-size:15px !important;
}


/* BOOK APPOINTMENT */

html body
.vita-finale-v1
.vita-finale-v1__book
.vita-finale-v1__book-text{

  font-size:
    clamp(
      25px,
      2.25vw,
      36px
    ) !important;
}


/* arrow orb */

html body
.vita-finale-v1
.vita-finale-v1__book
.vita-finale-v1__orb{

  width:52px !important;
  height:52px !important;
}


html body
.vita-finale-v1
.vita-finale-v1__book
.vita-finale-v1__orb svg{

  width:21px !important;
  height:21px !important;
}


/* Preserve original teal bloom interaction */

@media(hover:hover) and (pointer:fine){

  html body
  .vita-finale-v1
  .vita-finale-v1__actions
  > a.vita-finale-v1__book:hover::before{

    width:175% !important;
    height:620% !important;

    right:-36% !important;
  }

}


/* Mobile remains full width */

@media(max-width:700px){

  html body
  .vita-finale-v1
  .vita-finale-v1__actions
  > a.vita-finale-v1__book{

    width:100% !important;

    min-height:78px !important;

    grid-template-columns:
      minmax(0,1fr)
      48px !important;

    gap:12px !important;

    padding:
      10px
      11px
      10px
      17px !important;

    border-radius:19px !important;
  }


  html body
  .vita-finale-v1
  .vita-finale-v1__actions
  > a.vita-finale-v1__book::before{

    right:10px !important;

    width:44px !important;
    height:44px !important;
  }


  html body
  .vita-finale-v1
  .vita-finale-v1__book
  .vita-finale-v1__book-text{

    font-size:
      clamp(
        21px,
        6.5vw,
        27px
      ) !important;
  }


  html body
  .vita-finale-v1
  .vita-finale-v1__book
  .vita-finale-v1__orb{

    width:44px !important;
    height:44px !important;
  }

}