#hckPopinEshop-container {
      position: fixed;
      top: 0;
      width: 100vw;
      height: 100vh;
      z-index: 9999;
      background-color: rgba(29,29,29,.8);
      opacity: 1;
    }
    #hckPopinEshop-container.out {
      opacity: 0;
      transition: opacity 0.5s;
    }
    #hckPopinEshop-container.hidden {
      display: none;
    }
    @-webkit-keyframes hckPopinEshop-content-animation-in {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @-moz-keyframes hckPopinEshop-content-animation-in {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @-o-keyframes hckPopinEshop-content-animation-in {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    @keyframes hckPopinEshop-content-animation-in {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    .hckPopinEshop-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      color: black;
      width: 80%;
      max-width: 600px;
      margin: auto;
      background: white;
      padding: 35px 45px 50px;
      display: flex;
      flex-direction: column;
      animation: hckPopinEshop-content-animation-in 0.5s linear forwards;
    }
    .hckPopinEshop-text {
      text-align: left;
    }
    @media screen and (max-width: 900px) {
      .hckPopinEshop-content {
        width: 100%;
      }
    }
    #hckPopinEshop-container.out .hckPopinEshop-content {
      animation: hckPopinEshop-content-animation-out 0.6s linear forwards;
    }
    .hckPopinEshop-text p {
      font-family: "Helvetica", "Open-Sans", "sans-serif-light", "sans-serif";
      color: #1D1D1D;
      font-size: 14px;
      font-weight: 300;
      letter-spacing: 0.1px;
      line-height: 18px;
      margin: 15px 0;
      text-align: center;
    }
    .hckPopinEshop-text_center {
      text-align: center;
      margin-top: 9px;
    }
    .hckPopinEshop-text a,
    .hckPopinEshop-text button {
      display: inline-block;
      margin: 18px 18px 0;
      font-family: "abchanel-corpo", "abchanel-pb-m", "Helvetica", "Arial", "sans-serif";
      color: #000;
      text-transform: uppercase;
      font-size: 11px;
      padding-bottom: 5px;
      border: none;
      background: transparent;
      border-bottom: 1px solid #000;
      transition: all 0.2s ease-out;
      cursor: pointer;
    }
    .hckPopinEshop-text a:hover,
    .hckPopinEshop-text button:hover {
      border-bottom: 1px solid #FFF;
    }
    #hckPopinEshop-close {
      position: absolute;
      right: 20px;
      top: 20px;
      cursor: pointer;
      width: 18px;
      height: 18px;
      fill: currentColor;
      stroke: currentColor;
      stroke-width: 0;
    }


.product-details a {
  display: inline-flex;
}