.NodeCocktailList-list-category-titleWrapper {
  text-align: center; }

.NodeCocktailList-list-category-title {
  margin-bottom: 5rem;
  text-align: center; }

.NodeCocktailList-list-category-chapo {
  text-align: center;
  max-width: 76.8rem;
  margin: -4rem auto 5rem; }

.NodeCocktailList-list-cocktails {
  margin: 0 -2.5rem; }
  @media (max-width: 767px) {
    .NodeCocktailList-list-cocktails {
      margin-left: 0;
      margin-right: 0; } }
  .NodeCocktailList-list-cocktails .NodeCocktailListElement {
    width: calc(33.33% - 5rem);
    margin: 0 2.5rem 3rem;
    background: white;
    padding: 1rem;
    text-align: center; }
    @media (max-width: 767px) {
      .NodeCocktailList-list-cocktails .NodeCocktailListElement {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    .NodeCocktailList-list-cocktails .NodeCocktailListElement-media {
      margin-bottom: 1.5rem;
      color: white;
      position: relative;
      overflow: hidden; }
      .NodeCocktailList-list-cocktails .NodeCocktailListElement-media img {
        display: block;
        width: 100%;
        height: auto; }
      .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: #065000;
        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-contentWrapper:hover .NodeCocktailListElement-media::after, .NodeCocktailList-list-cocktails .NodeCocktailListElement-contentWrapper:focus .NodeCocktailListElement-media::after {
      opacity: 0.75; }
    .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-title {
      font-family: var(--secondary-font);
      color: var(--primary-color);
      font-size: 4rem;
      font-weight: 800;
      text-align: center;
      margin: 0; }
      @media (max-width: 767px) {
        .NodeCocktailList-list-cocktails .NodeCocktailListElement-title {
          font-size: 3rem; } }
    .NodeCocktailList-list-cocktails .NodeCocktailListElement-chapo {
      font-size: 1.6rem; }
  .NodeCocktailList-list-cocktails .more-container {
    margin-top: 0; }

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