/** Shopify CDN: Minification failed

Line 57:0 Expected "}" to go with "{"

**/
.banner-container {
  position: relative;
}

.button-banner {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, -70%);
  display: flex;
  align-items: center;
  column-gap: 10px;
  font: 400 14px "Ubuntu", sans-serif;
  color: #000;
  text-transform: uppercase;
  margin: 0;
  text-decoration: underline;
}

.banner-redirect:hover .button-banner, .banner-redirect:hover .button-banner svg path {
  color: #E70746;
  fill: #E70746;
}

@media screen and (min-width: 921px) {
  .button-banner {
    bottom: 15%;
    left: 80%;
    transform: translate(0%, -70%);
    font: 400 18px "Ubuntu", sans-serif;
  }
}

@media screen and (min-width: 1024px) {
  .button-banner {
    left: 85%;
    transform: translate(-30%, -70%);
}

@media screen and (min-width: 1440px) {
  .button-banner {
    transform: translate(-20%, -70%);
  }
}

@media screen and (min-width: 2000px) {
  .button-banner {
    transform: translate(0%, -70%);
    font: 400 24px "Ubuntu", sans-serif;
  }
}