.nwp-popup--promo-corner-based {
  --popup-corner-based-background-color: #fff;
  --popup-corner-based-close-btn: url("data:image/svg+xml,%3Csvg width='25px' height='24px' viewBox='0 0 25 24' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(4.000000, 4.000000)' fill='%23000' fill-rule='nonzero'%3E%3Cpolygon id='Path' transform='translate(11.500000, 8.000000) rotate(-180.000000) translate(-11.500000, -8.000000) ' points='17 8 8.85185185 0 6 2.8 11.2962963 8 6 13.2 8.85185185 16 14.1481481 10.8 14.1481481 10.8'%3E%3C/polygon%3E%3Cpolygon transform='translate(5.500000, 8.000000) scale(-1, 1) rotate(-180.000000) translate(-5.500000, -8.000000) ' points='11 8 2.85185185 0 0 2.8 5.2962963 8 0 13.2 2.85185185 16 8.14814815 10.8 8.14814815 10.8'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
  --popup-corner-based-font-family: inherit;
  --popup-corner-based-text-color: inherit;
  --popup-corner-based-border-color: #fff;

  --popup-margin-desktop: 24px;
  --popup-margin-top-bottom-mobile: 30px;
  --popup-margin-left-right-mobile: 4.4vw;

  position: fixed;
  bottom: -500px;
  right: 0;
  left: 0;
  margin: var(--popup-margin-top-bottom-mobile) var(--popup-margin-left-right-mobile);
  display: block;
  z-index: 9999;
  background-color: var(--popup-corner-based-background-color);
  border: 4px solid var(--popup-corner-based-border-color);
  transition: bottom .3s;
}

@media (min-width: 768px) {
  .nwp-popup--promo-corner-based {
    right: 0;
    left: auto;
    margin: var(--popup-margin-desktop);
  }
}

.nwp-popup--promo-corner-based.--bottom-left,
.nwp-popup--promo-corner-based.--bottom-right,
.nwp-popup--promo-corner-based.--center {
  bottom: -500px;
}

.nwp-popup--promo-corner-based.opened:not(.--top-left, .--top-right, .--center),
.nwp-popup--promo-corner-based.opened.--bottom-left,
.nwp-popup--promo-corner-based.opened.--bottom-right {
  bottom: 0;
}

.nwp-popup--promo-corner-based.opened.--center {
  bottom: 50%;
}

.nwp-popup--promo-corner-based.--top-left,
.nwp-popup--promo-corner-based.--top-right {
  top: -500px;
  transition: top .3s;
}

.nwp-popup--promo-corner-based.opened.--top-left,
.nwp-popup--promo-corner-based.opened.--top-right {
  top: 0;
}

@media (min-width: 768px) {
  .nwp-popup--promo-corner-based.--center {
    margin: auto;
  }
}

.nwp-popup--promo-corner-based-close-button {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 4.8vw;
  height: 4.8vw;
  background-image: var(--popup-corner-based-close-btn);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media (min-width: 768px) {
  .nwp-popup--promo-corner-based-close-button {
    top: 14px;
    right: 14px;
    width: 22px;
    height: 22px;
  }
}

.nwp-popup--promo-corner-based-content {
  display: flex;
}

.nwp-popup--promo-corner-based-image {
  position: absolute;
  bottom: 0;
  left: 0;
}

.nwp-popup--promo-corner-based-image picture,
.nwp-popup--promo-corner-based-second-image picture {
  display: block;
  height: 100%;
  line-height: 0;
}

.nwp-popup--promo-corner-based-image img,
.nwp-popup--promo-corner-based-second-image img {
  max-width: 100%;
  max-height: 100%;
}

.nwp-popup--promo-corner-based-description {
  position: relative;
  top: 0;
  display: flex;
  flex-direction: column;
  color: var(--popup-corner-based-text-color);
}

.nwp-popup--promo-corner-based-description h2 {
  margin-bottom: 10px;
  font-size: 1.125rem;
  font-family: var(--popup-corner-based-font-family);
  line-height: 1.22;
}

.nwp-popup--bacardi-de_de .nwp-popup--promo-corner-based-description h2,
.nwp-popup--bacardi-pl_pl .nwp-popup--promo-corner-based-description h2 {
  font-size: 1.0625rem;
}

@media (min-width: 768px) {
  .nwp-popup--promo-corner-based-description  h2 {
    font-size: 1.375rem;
  }

  .nwp-popup--bacardi-pl_pl .nwp-popup--promo-corner-based-description h2,
  .nwp-popup--bacardi-de_de .nwp-popup--promo-corner-based-description h2 {
    font-size: 1.25rem;
  }
}