@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500&display=swap');

      .cookie-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 1000;
      }

      .cookie-modal {
        width: 995px;
        height: 421px;
        background-color: white;
        border-radius: 10px;
        padding: 40px;
        box-sizing: border-box;
        position: relative;
        font-family: 'Nunito', sans-serif;
      }

      .close-button {
        position: absolute;
        top: 5px;
        right: 0;
        width: 61px;
        height: 61px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border: none;
        background: none;
        padding: 0;
      }

      .close-icon {
        position: relative;
        width: 35.58px;
        height: 35.58px;
      }

      .close-icon:before,
      .close-icon:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #2b68a4;
        border-radius: 1px;
      }

      .close-icon:before {
        transform: translateY(-50%) rotate(45deg);
      }

      .close-icon:after {
        transform: translateY(-50%) rotate(-45deg);
      }

      .cookie-content {
        height: 100%;
        display: flex;
        flex-direction: column;
        /* margin-top: 10px; */
        text-align: center;
      }

      .text-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .cookie-text {
        font-weight: 500;
        font-size: 32px;
        color: #000000;
        margin: 5px 0;
        line-height: 1.2;
        font-family: 'Nunito', sans-serif;
        text-align: center;
      }

      .cookie-link {
        color: #2b68a4;
        text-decoration: underline;
        margin-left: 5px;
      }

      .cookie-buttons {
        display: flex;
        justify-content: center;
        gap: 30px;
        margin-top: 20px;
      }

      .accept-button {
        width: 308px;
        height: 64px;
        background-color: #2b68a4;
        color: white;
        border: none;
        border-radius: 10px;
        font-weight: 500;
        font-size: 32px;
        cursor: pointer;
        font-family: 'Nunito', sans-serif;
      }

      .decline-button {
        width: 256px;
        height: 64px;
        background-color: white;
        color: #2b68a4;
        border: none;
        border-radius: 10px;
        font-weight: 500;
        font-size: 32px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: 'Nunito', sans-serif;
      }

      /* Десктопная версия текста */
      .desktop-text {
        display: block;
      }

      .tablet-text,
      .mobile-text {
        display: none;
      }

      /* Планшетная версия */
      @media (min-width: 769px) and (max-width: 1024px) {
        .cookie-modal {
          width: 490px;
          height: 230px;
          padding: 20px;
        }

        .close-icon {
          width: 16.33px;
          height: 16.33px;
        }

        .close-icon:before,
        .close-icon:after {
          height: 2px;
        }

        .cookie-text {
          font-size: 14px;
          margin: 3px 0;
          line-height: 1.4;
          width: 100%;
        }

        .cookie-buttons {
          gap: 15px;
          margin-top: 15px;
          flex-wrap: wrap;
          width: 100%;
        }

        .accept-button {
          width: 144px;
          height: 30px;
          font-size: 15px;
          border-radius: 5px;
        }

        .decline-button {
          width: 144px;
          height: 30px;
          font-size: 15px;
          border-radius: 5px;
        }

        /* Специфичные стили для планшетного текста */
        .tablet-line1,
        .tablet-line2,
        .tablet-line3 {
          display: block;
          width: 100%;
          text-align: center;
        }
      }

      /* Мобильная версия */
      @media (max-width: 768px) {
        .cookie-modal {
          width: 390px;
          height: 210px;
          padding: 10px;
          margin-inline: 1rem;
        }

        .close-button {
          width: 40px;
          height: 40px;
        }

        .close-icon {
          width: 14.58px;
          height: 14.58px;
        }

        .close-icon:before,
        .close-icon:after {
          height: 1.5px;
        }

        .cookie-text {
          font-size: 14px;
          margin: 3px 0;
        }

        .cookie-buttons {
          flex-direction: row;
          align-items: center;
          gap: 10px;
          margin-top: 15px;
        }

        .accept-button,
        .decline-button {
          width: 137px;
          height: 30px;
          font-size: 15px;
          border-radius: 5px;
        }

        /* Мобильная версия текста */
        .desktop-text {
          display: none;
        }

        .tablet-text {
          display: none;
        }

        .mobile-text {
          display: block;
        }
      }

      .tablet-line1,
      .tablet-line2,
      .tablet-line3 {
        display: none;
      }