/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .cookiebanner{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: 10px;
 }

 .cookiebanner .cookiebanner-close{
    padding: 7px 12px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
   box-sizing: border-box;

 }
 .cookiebanner span{
    display: flex;
    gap: 10px;
    align-items: center;

 }

 .cookiebanner span a.cookie-moreinfo {
   box-sizing: border-box;
    padding: 7px 12px ;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
 }

 @media only screen and (max-width: 800px) {

   .cookiebanner span a.cookie-moreinfo,
   .cookiebanner span,
   .cookiebanner .cookiebanner-close{
      width: 100%;
   }

    .cookiebanner{
        flex-direction: column-reverse;
        align-items: flex-start;

    }
    .cookiebanner span{
        flex-direction: column;
        align-items: flex-start;

    }
 }