.NodeCocktailList-list-category {
  margin-bottom: 5rem; }
  .NodeCocktailList-list-category-titleWrapper {
    text-align: center; }
  .NodeCocktailList-list-category-title {
    margin-bottom: 3rem;
    text-align: center;
    display: inline-block;
    padding: 0 2rem; }
  .NodeCocktailList-list-category-chapo {
    text-align: center;
    max-width: 76.8rem;
    margin: 0 auto 3rem;
    font-weight: 300; }
    .NodeCocktailList-list-category-titleWrapper + .NodeCocktailList-list-category-chapo {
      margin-top: -1.5rem; }

.NodeCocktailList-list-cocktails {
  margin: 0 -1.5rem; }
  @media (max-width: 767px) {
    .NodeCocktailList-list-cocktails {
      margin-left: 0;
      margin-right: 0; } }
  .NodeCocktailList-list-cocktails .NodeCocktailListElement {
    width: calc(33.33% - 3rem);
    margin: 0 1.5rem 3rem;
    text-align: center; }
    @media (max-width: 767px) {
      .NodeCocktailList-list-cocktails .NodeCocktailListElement {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    .NodeCocktailList-list-cocktails .NodeCocktailListElement-media {
      position: relative;
      overflow: hidden;
      margin-bottom: 1.5rem;
      max-width: 420px;
      margin-left: auto;
      margin-right: auto; }
      .NodeCocktailList-list-cocktails .NodeCocktailListElement-media img {
        display: block;
        width: 100%;
        height: auto;
        transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .NodeCocktailList-list-cocktails .NodeCocktailListElement-media::before {
        content: none; }
      .NodeCocktailList-list-cocktails .NodeCocktailListElement-media::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: var(--green-color);
        opacity: 0;
        transition: opacity 0.5s ease-in-out 0s; }
      .NodeCocktailList-list-cocktails .NodeCocktailListElement-media .NodeCocktailListElement-cta {
        position: absolute;
        left: 50%;
        top: 50%;
        max-width: 100%;
        transform: translate3d(-50%, 30rem, 0) rotate3d(0, 0, 1, -10deg) scale3d(0.8, 0.8, 1);
        transition: transform 0.5s ease-in-out 0s, visibility 0s linear 0.5s;
        visibility: hidden;
        font-family: var(--secondary-font);
        font-size: 5rem;
        font-weight: bold;
        z-index: 3; }
    .NodeCocktailList-list-cocktails .NodeCocktailListElement-bottomWrapper {
      flex: 1; }
    .NodeCocktailList-list-cocktails .NodeCocktailListElement-contentWrapper {
      overflow: hidden;
      display: flex;
      flex-direction: column;
      height: 100%;
      position: relative; }
      .NodeCocktailList-list-cocktails .NodeCocktailListElement-contentWrapper:hover .NodeCocktailListElement-media::after, .NodeCocktailList-list-cocktails .NodeCocktailListElement-contentWrapper:focus .NodeCocktailListElement-media::after {
        opacity: 0.25; }
      .NodeCocktailList-list-cocktails .NodeCocktailListElement-contentWrapper:hover .NodeCocktailListElement-cta, .NodeCocktailList-list-cocktails .NodeCocktailListElement-contentWrapper:focus .NodeCocktailListElement-cta {
        transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -10deg) scale3d(1, 1, 1);
        visibility: visible;
        transition-delay: 0s; }
      .NodeCocktailList-list-cocktails .NodeCocktailListElement-contentWrapper:hover .NodeCocktailListElement-cocktail, .NodeCocktailList-list-cocktails .NodeCocktailListElement-contentWrapper:focus .NodeCocktailListElement-cocktail {
        transform: translate(-50%, -50%) scale(1.2); }
    .NodeCocktailList-list-cocktails .NodeCocktailListElement-cocktail {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition-duration: 0.3s;
      width: 80%; }
      @media (max-width: 767px) {
        .NodeCocktailList-list-cocktails .NodeCocktailListElement-cocktail {
          transform: translate(-50%, -40%); } }
    .NodeCocktailList-list-cocktails .NodeCocktailListElement-title {
      font-family: var(--secondary-font);
      color: var(--primary-color);
      font-size: 2.5rem;
      font-weight: 500;
      text-align: center;
      margin: 0 0 2rem 0; }
    .NodeCocktailList-list-cocktails .NodeCocktailListElement-chapo {
      font-size: 1.6rem; }
  .NodeCocktailList-list-cocktails .more-container {
    margin-top: 0; }

.NodeCocktailList-moreCocktails {
  margin: 11rem auto 15rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }
  .NodeCocktailList-moreCocktails a {
    transition: transform 250ms; }
    .NodeCocktailList-moreCocktails a:hover, .NodeCocktailList-moreCocktails a:focus {
      transform: scale(1.02); }
  .NodeCocktailList-moreCocktails-inner {
    max-width: 73rem;
    width: 73rem;
    overflow: hidden;
    text-align: center; }
    @media (max-width: 767px) {
      .NodeCocktailList-moreCocktails-inner {
        width: unset;
        padding: 2rem 3rem;
        margin-right: 0; } }
  .NodeCocktailList-moreCocktails-titleWrapper {
    text-align: center;
    font-family: var(--secondary-font);
    font-size: 4rem;
    margin-bottom: 2rem;
    letter-spacing: 0.07em; }
  .NodeCocktailList-moreCocktails-media img {
    height: 7.5rem; }

/*# sourceMappingURL=extend-cocktailsList.css.map */
