.banner-video {
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
  max-height: 100dvh;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}
.banner-video__video {
  position: absolute;
  z-index: 1;
  aspect-ratio: 16/9;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  height: auto
}
.banner-video__sound {
  position: absolute;
  z-index: 2;
  right: 64px;
  bottom: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 32px;
  gap: 8px;
  width: 233px;
  height: 52px;
  background: url(/themes/custom/nescafe_design_refresh/img/button-sprite-red.png) 50% -2px/1350px 1302px #eb2227;
  border-radius: 3px 3px 20px;
  font-size: 16px;
  cursor: pointer;
  line-height: 1.25;
  border: 1px solid #eb2227;
  color: #fff;
  white-space: nowrap
}
.banner-video__sound:hover {
  -webkit-animation-name: liquidFill;
  animation-name: liquidFill;
  -webkit-animation-duration: 833ms;
  animation-duration: 833ms;
  -webkit-animation-timing-function: steps(25);
  animation-timing-function: steps(25);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transition: color 833ms ease-in-out;
  transition: color 833ms ease-in-out
}
@media screen and (max-width:1023px) {
  .banner-video__sound {
    right: 24px;
    bottom: 40px
  }
}
@media screen and (max-width:767px) {
  .banner-video {
    margin-bottom: 22px;
    overflow: visible
  }
  .banner-video__sound {
    left: 15px;
    right: 15px;
    bottom: -22px;
    height: 43px;
    padding: 13px 32px 12px;
    border-radius: 3px 3px 20px;
    width: auto
  }
}
.banner-video__sound i {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1492 1.93815C12.0441 1.88694 11.9268 1.86623 11.8105 1.87839C11.6942 1.89054 11.5836 1.93507 11.4914 2.00691L6.03516 6.24987H2.5C2.16848 6.24987 1.85054 6.38157 1.61612 6.61599C1.3817 6.85041 1.25 7.16835 1.25 7.49987V12.4999C1.25 12.8314 1.3817 13.1493 1.61612 13.3838C1.85054 13.6182 2.16848 13.7499 2.5 13.7499H6.03516L11.4914 17.9928C11.5837 18.0646 11.6944 18.1091 11.8107 18.1211C11.927 18.1331 12.0444 18.1123 12.1495 18.0609C12.2545 18.0096 12.3431 17.9298 12.405 17.8306C12.467 17.7314 12.4999 17.6168 12.5 17.4999V2.49987C12.5 2.38279 12.4671 2.26805 12.4051 2.16874C12.3431 2.06942 12.2544 1.98953 12.1492 1.93815ZM2.5 7.49987H5.625V12.4999H2.5V7.49987ZM11.25 16.2218L6.875 12.8194V7.18034L11.25 3.778V16.2218ZM15.4688 7.93425C15.9715 8.50493 16.2488 9.23935 16.2488 9.99988C16.2488 10.7604 15.9715 11.4948 15.4688 12.0655C15.3583 12.1868 15.2046 12.2599 15.0408 12.2689C14.877 12.2779 14.7162 12.2221 14.5932 12.1136C14.4701 12.0051 14.3947 11.8526 14.3831 11.689C14.3715 11.5253 14.4247 11.3637 14.5313 11.2389C14.8327 10.8966 14.999 10.456 14.999 9.99988C14.999 9.54371 14.8327 9.10318 14.5313 8.76081C14.4247 8.63606 14.3715 8.47442 14.3831 8.31078C14.3947 8.14713 14.4701 7.99461 14.5932 7.88611C14.7162 7.77762 14.877 7.72186 15.0408 7.73086C15.2046 7.73987 15.3583 7.81292 15.4688 7.93425ZM19.375 9.99988C19.3759 11.5375 18.8092 13.0214 17.7836 14.1671C17.6723 14.2875 17.518 14.3594 17.3542 14.3672C17.1903 14.3749 17.03 14.318 16.9077 14.2085C16.7855 14.0991 16.7112 13.9461 16.7008 13.7824C16.6905 13.6186 16.7449 13.4574 16.8523 13.3335C17.6722 12.4168 18.1254 11.2301 18.1254 10.0003C18.1254 8.77044 17.6722 7.58375 16.8523 6.66706C16.7961 6.60617 16.7525 6.53469 16.7241 6.45679C16.6957 6.37888 16.6831 6.29611 16.687 6.21329C16.691 6.13047 16.7113 6.04926 16.7469 5.97439C16.7826 5.89952 16.8327 5.83248 16.8945 5.77718C16.9563 5.72188 17.0284 5.67942 17.1068 5.65229C17.1851 5.62515 17.2681 5.61387 17.3508 5.61911C17.4336 5.62435 17.5145 5.646 17.5888 5.6828C17.6631 5.7196 17.7293 5.77082 17.7836 5.83347C18.8095 6.97864 19.3762 8.46239 19.375 9.99988Z' fill='white'/%3E%3C/svg%3E%0A");
  display: block;
  background-size: contain
}
.banner-video__sound span {
  font-size: inherit;
  display: block;
  line-height: inherit;
  color: inherit
}
.banner-video__sound.is-sound-on {
  background: url(/themes/custom/nescafe_design_refresh/img/button-sprite-black.png) 50% -2px/1350px 1302px #222;
  border-color: #222
}
.banner-video__sound.is-sound-on i {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7297_1742)'%3E%3Cpath d='M12.7742 1.93815C12.6691 1.88694 12.5518 1.86623 12.4355 1.87839C12.3192 1.89054 12.2086 1.93507 12.1164 2.0069L6.66016 6.24987H3.125C2.79348 6.24987 2.47554 6.38157 2.24112 6.61599C2.0067 6.85041 1.875 7.16835 1.875 7.49987V12.4999C1.875 12.8314 2.0067 13.1493 2.24112 13.3838C2.47554 13.6182 2.79348 13.7499 3.125 13.7499H6.66016L12.1164 17.9928C12.2087 18.0646 12.3194 18.1091 12.4357 18.1211C12.552 18.1331 12.6694 18.1123 12.7745 18.0609C12.8795 18.0096 12.9681 17.9298 13.03 17.8306C13.092 17.7314 13.1249 17.6168 13.125 17.4999V2.49987C13.125 2.38279 13.0921 2.26805 13.0301 2.16874C12.9681 2.06942 12.8794 1.98953 12.7742 1.93815ZM11.875 16.2217L7.25859 12.6319C7.14914 12.5461 7.01405 12.4996 6.875 12.4999H3.125V7.49987H6.875C7.01405 7.5001 7.14914 7.4536 7.25859 7.36784L11.875 3.778V16.2217ZM19.8172 11.4327C19.9345 11.55 20.0003 11.709 20.0003 11.8749C20.0003 12.0407 19.9345 12.1998 19.8172 12.3171C19.6999 12.4343 19.5409 12.5002 19.375 12.5002C19.2091 12.5002 19.0501 12.4343 18.9328 12.3171L17.5 10.8835L16.0672 12.3171C15.9499 12.4343 15.7909 12.5002 15.625 12.5002C15.4591 12.5002 15.3001 12.4343 15.1828 12.3171C15.0655 12.1998 14.9997 12.0407 14.9997 11.8749C14.9997 11.709 15.0655 11.55 15.1828 11.4327L16.6164 9.99987L15.1828 8.56706C15.0655 8.44979 14.9997 8.29073 14.9997 8.12487C14.9997 7.95902 15.0655 7.79996 15.1828 7.68269C15.3001 7.56541 15.4591 7.49953 15.625 7.49953C15.7909 7.49953 15.9499 7.56541 16.0672 7.68269L17.5 9.11628L18.9328 7.68269C19.0501 7.56541 19.2091 7.49953 19.375 7.49953C19.5409 7.49953 19.6999 7.56541 19.8172 7.68269C19.9345 7.79996 20.0003 7.95902 20.0003 8.12487C20.0003 8.29073 19.9345 8.44979 19.8172 8.56706L18.3836 9.99987L19.8172 11.4327Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7297_1742'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}