@font-face {
  font-family: 'Open Sans Hebrew';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/OpenSans-Hebrew.woff2") format("woff2");
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Open Sans Hebrew';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/OpenSans-Latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.cookie-consent {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 10000000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  box-sizing: border-box;
  padding: 16px;
  background: #010526 url("../images/cookieConsent/cookie-pattern-mobile.svg?v=1.0") left top no-repeat;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-family: 'Open Sans Hebrew', 'Open Sans', Arial, sans-serif;
  direction: rtl;
  text-align: right;
}

.cookie-consent-text {
  width: 100%;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.16px;
}

.cookie-consent-link {
  color: inherit;
  text-decoration: underline;
}

.cookie-consent-btn {
  flex-shrink: 0;
  width: 170px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background-color: #fff;
  color: #000;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .cookie-consent {
    flex-direction: row;
    gap: 40px;
    padding: 16px 32px;
    background-image: url("../images/cookieConsent/cookie-pattern-desktop.svg?v=1.0");
  }

  .cookie-consent-text {
    flex: 1;
    width: auto;
  }

  .cookie-consent-btn {
    width: 120px;
  }
}