:root {
    --background: #737373;
    --white-text: #fff;
    --hover-text: #222;
    --button-background: #fff;
    --button-background-hover: #000;
    --button-text: #007af7;
 }

 .cookie-container {
          z-index: 10;
          display: flex;
          align-content: center;
          align-items: center;
          padding: 1rem 2rem;
          background: var(--background);
          color: var(--white-text);
          position: fixed;
          bottom:0;
          font-size: 1rem;
          gap: 2rem;
          opacity: 1;
          visibility: visible;
          flex-wrap: wrap;
      }

      .cookie-container.hide {
          opacity: 0;
          visibility: hidden;
      }

      .cookie-container a {
          color: var(--white-color);
      }

      .cookie-container a:hover {
          color: var(--hover-text);
      }

      .cookie-container .cookie-text {
          flex: 8 768px;
      }

      .cookie-container .agree {
          flex: 1 150px;
          text-align: center;
      }

      .agree button {
          background: var()--button-background;
          color: #373e4a;
          border: none;
          padding: 0.4rem 1.2rem;
          cursor: pointer;
          border-radius: px;
          font-size: 1rem;
      }

      .agree button:hover {
          background: #cdcdcd;
          color: var(--white-text);
      }