/* //////////////////////////////////////////////////

Title : footer.scss
For   : Page/feature/2025/ss2nd_preorder/

Created       : 2025-04-01
Last Modified : 2025-04-01

==========================================

Content

////////////////////////////////////////////////// */
/**
 * contents
 */
.lp-lilybrown__footer {
  position: relative;
}
.lp-lilybrown__footer-button {
  --display: grid;
  --color: var(--color-dusty-blue);
  place-items: center;
  margin-inline: auto;
  border: 1px solid var(--color-dusty-blue);
  font-family: var(--font-en-serif);
  font-weight: 400;
}
.lp-lilybrown__footer-links-container {
  --color: var(--color-dusty-blue);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-family: var(--font-en-serif);
  font-weight: 400;
  line-height: 1;
}
.lp-lilybrown__footer-link {
  position: relative;
}
.lp-lilybrown__footer-sraffcredit {
  font-family: var(--font-en-sans);
  font-weight: 400;
  text-align: center;
}
.lp-lilybrown__footer-sraffcredit > dd > dl {
  display: flex;
  justify-content: center;
}
.lp-lilybrown__fixed-button {
  position: fixed;
  z-index: var(--zindex-floating-element);
  visibility: var(--visibility, hidden);
  opacity: var(--opacity, 0);
  transition: all 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.lp-lilybrown__fixed-button.is-show {
  --visibility: visible;
  --opacity: 1;
}

/* --- for small viewport --- */
@media screen and (max-width: 767px) {
  .lp-lilybrown__footer {
    -webkit-padding-before: calc(160 * var(--rate));
            padding-block-start: calc(160 * var(--rate));
    -webkit-padding-after: calc(150 * var(--rate));
            padding-block-end: calc(150 * var(--rate));
    background-image: linear-gradient(20deg, #c7dcea 0%, #f5fbff 48%, #c7dcea 100%);
  }
  .lp-lilybrown__footer-button {
    width: calc(690 * var(--rate));
    height: calc(140 * var(--rate));
    font-size: calc(34 * var(--rate));
  }
  .lp-lilybrown__footer-links-container {
    -moz-column-gap: calc(110 * var(--rate));
         column-gap: calc(110 * var(--rate));
    row-gap: calc(30 * var(--rate));
    -webkit-margin-before: calc(70 * var(--rate));
            margin-block-start: calc(70 * var(--rate));
    padding-inline: calc(50 * var(--rate));
    font-size: calc(28 * var(--rate));
  }
  .lp-lilybrown__footer-link {
    position: relative;
  }
  .lp-lilybrown__footer-link:nth-child(1)::after, .lp-lilybrown__footer-link:nth-child(2)::after, .lp-lilybrown__footer-link:nth-child(4)::after, .lp-lilybrown__footer-link:nth-child(5)::after {
    content: "";
    position: absolute;
    right: calc(-73 * var(--rate));
    width: calc(32 * var(--rate));
    height: calc(32 * var(--rate));
    background-image: url(../../public/images/decorations/slash.svg);
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .lp-lilybrown__footer-sraffcredit {
    -webkit-margin-before: calc(158 * var(--rate));
            margin-block-start: calc(158 * var(--rate));
    font-size: calc(24 * var(--rate));
    line-height: 1.75;
  }
  .lp-lilybrown__fixed-button {
    bottom: calc(20 * var(--rate));
    right: calc(20 * var(--rate));
    width: calc(238 * var(--rate));
  }
}
/* --- for large viewport --- */
@media screen and (min-width: 768px) {
  .lp-lilybrown__footer {
    -webkit-padding-before: calc(100 * var(--rate));
            padding-block-start: calc(100 * var(--rate));
    -webkit-padding-after: calc(96 * var(--rate));
            padding-block-end: calc(96 * var(--rate));
    background-image: linear-gradient(210deg, #f5fbff 40%, #c7dcea 100%);
  }
  .lp-lilybrown__footer-button {
    width: calc(620 * var(--rate));
    height: calc(62 * var(--rate));
    font-size: calc(18 * var(--rate));
  }
  .lp-lilybrown__footer-links-container {
    -moz-column-gap: calc(56.5 * var(--rate));
         column-gap: calc(56.5 * var(--rate));
    -webkit-margin-before: calc(43 * var(--rate));
            margin-block-start: calc(43 * var(--rate));
    font-size: calc(16 * var(--rate));
  }
  .lp-lilybrown__footer-link {
    position: relative;
  }
  .lp-lilybrown__footer-link:not(:last-child)::after {
    content: "";
    position: absolute;
    right: calc(-35 * var(--rate));
    width: calc(15 * var(--rate));
    height: calc(15 * var(--rate));
    background-image: url(../../public/images/decorations/slash.svg);
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .lp-lilybrown__footer-sraffcredit {
    -webkit-margin-before: calc(94 * var(--rate));
            margin-block-start: calc(94 * var(--rate));
    font-size: calc(12 * var(--rate));
    line-height: 1.75;
  }
  .lp-lilybrown__fixed-button {
    bottom: calc(30 * var(--rate));
    right: calc(30 * var(--rate));
    width: calc(145 * var(--rate));
  }
}
/*# sourceMappingURL=footer.css.map */