/** Buttons **/
.toggleBtn {cursor:pointer;padding:.5rem 2rem;color: var(--color-green);} 
    .toggleBtn svg {width:28px;height:17px;margin:0 auto;stroke:  var(--color-green);}
    .toggleBtn span {font-family: var(--font2);font-size:10px;}

.toggleBtnClose { display:none; }
.btnClose {display:none;}
.btnClose + .toggleBtnClose {display:block;}


/** Toggle panes **/
.togglePane{opacity:0;visibility:hidden;transition:opacity .5s;z-index:100;}
.togglePane.open {opacity:1;}
.togglePane.visible {visibility:visible;}

/** Body Overlay **/
body[class*="overlay"] {overflow: hidden;}

body::before {content:'';position:fixed;top:0;left:0;background:rgba(255,255,255,.8);opacity:0;
    transition:opacity .5s;}
body[class*="overlay"]::before {right:0;bottom:0;opacity:1;z-index:100;}