.sticky-navigation {
  position: fixed;
  bottom: -100%;
  z-index: 1001;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  transition: all 0.5s ease-in-out; }
  .sticky-navigation.is-sticky {
    bottom: 40px; }
  .sticky-navigation.show .sticky-navigation__list {
    display: block; }
  .sticky-navigation.show .sticky-navigation__active-button::after {
    transform: rotate(180deg); }
  .sticky-navigation__list {
    list-style: none;
    margin: 0 0 12px;
    background-color: #fff;
    border-radius: 24px;
    padding: 24px;
    text-align: left;
    min-width: 255px; }
    @media (max-width: 768.98px) {
      .sticky-navigation__list {
        display: none; } }
    @media (min-width: 1200px) {
      .sticky-navigation__list {
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        gap: 48px;
        padding: 24px 32px;
        border-radius: 80px; } }
  .sticky-navigation__item {
    margin: 0 0 5px; }
    .sticky-navigation__item:last-child {
      margin-bottom: 0; }
    @media (min-width: 1200px) {
      .sticky-navigation__item {
        margin: 0; } }
  .sticky-navigation__button {
    font-size: 12px;
    line-height: 24px;
    color: rgba(83, 86, 90, 0.64);
    border: 0;
    background: transparent;
    padding: 0;
    width: 100%;
    text-align: left;
    cursor: pointer; }
    .sticky-navigation__button.active {
      color: #53565a;
      font-family: "VeuveClicquotRegular", "arial", "sans-serif"; }
      @media (max-width: 768.98px) {
        .sticky-navigation__button.active {
          background: url("../../../../images/svg/check-icon-orange.svg") right center no-repeat; } }
      @media (min-width: 1200px) {
        .sticky-navigation__button.active {
          text-decoration: underline; } }
    @media (min-width: 1200px) {
      .sticky-navigation__button {
        width: auto; } }
  .sticky-navigation__active-button {
    font-size: 12px;
    line-height: 24px;
    padding: 20px 56px 20px 32px;
    border-radius: 32px;
    color: #53565a;
    border: 0;
    background: #fff;
    position: relative; }
    .sticky-navigation__active-button::after {
      content: "";
      background: url("../../../../images/svg/arrow-down.svg") center no-repeat;
      position: absolute;
      right: 34px;
      height: 100%;
      top: 0;
      width: 12px; }
    @media (min-width: 1200px) {
      .sticky-navigation__active-button {
        display: none; } }


/*# sourceMappingURL=stickyNavContainer.css.map*/