.cookie_banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: var(--yellow);
    color: var(--white);
    padding: 20px var(--grid-margin);
    transform: translateY(100%);
    transition: transform 0.4s ease;
  }
  
  .cookie_banner.is_visible {
    transform: translateY(0);
  }
  
  .cookie_banner_inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
  }
  
  .cookie_banner p {
    margin: 0;
    padding: 0;
    color: var(--black);
  }
  
  .cookie_banner a {
    color: var(--teal);
    text-decoration: underline;
  }
  
  .cookie_banner_buttons {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
  }
  
  .cookie_btn {
    width: fit-content;
    height: auto;
    padding: 5px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--black);
    background-color: transparent;
    border-radius: 30px;
    cursor: pointer;
    font-size: 12px;
    color: var(--yellow);
    white-space: nowrap;
    font-weight: 500;
  }
  .cookie_btn b{
    font-size: 12px;
    color: var(--black);
    margin: 0;
    padding: 0;
    white-space: nowrap;
    font-weight: 500;
  }
  .cookie_btn_accept svg{
    display: block;
    height: 20px;
    width: auto;
    float: left;
    }

  
  .cookie_btn_accept {
    background: var(--black);
    border: 1px solid var(--black);
  }
  
  .cookie_btn_accept svg{
    fill: var(--white);
  }
  
  .cookie_btn_accept b{
    color: var(--white);
  }
  
  .cookie_btn_decline {
    background: var(--orange);
    border: 1px solid var(--orange);
  }
    
  .cookie_btn_decline svg{
    fill: var(--white);
  }
  .cookie_btn_decline b{
    color: var(--white);
  }
  


  .cookie_btn_accept:hover {
    background: var(--green);
    border: 1px solid var(--green);
  }
  
  .cookie_btn_accept:hover svg{
    fill: var(--black);
  }
  
  .cookie_btn_accept:hover b{
    color: var(--black);
  }



  .cookie_btn_decline:hover {
    background: transparent;
    border: var(--black);
    border: 1px solid var(--black);
  }
    
  .cookie_btn_decline:hover svg{
    fill: var(--black);
  }
  .cookie_btn_decline:hover b{
    color: var(--black);
  }
  
  @media (max-width: 600px) {
    .cookie_banner_inner {
      flex-direction: column;
      align-items: flex-start;
    }
  }