:root {
    --yellow: #FFEBB3;
    --pink: #FFB5B3;
    --blue: #A0CFD3;
    --white: #F2F3F7;
    --teal: #007A74;
    --raisin: #272635; 
  }

.exp-button {
--background: #A0CFD3;
--border-radius: 15px;
border-radius: var(--border-radius);
/*background: var(--background);*/
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);
/*border: 1px solid #d9d9d9;*/
height:60px;
margin:auto;
margin-bottom:-18px;
color:var(--white);
cursor:pointer;
}
.exp-button .exp-card {
overflow: hidden;
margin: -1px -1px 1px;
background: var(--background);
border: 1px solid #d9d9d9;
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
will-change: contents;
text-align: left;
border-radius:var(--border-radius);
height:60px;
}

.exp-card{
height:60px;
margin:auto;
}

.exp-button-text{
text-align:center;
padding:1%;
font-size:20px;

}

.blue{
background:var(--blue);
}

.teal{
background:var(--teal);
}

.raisin{
background:var(--raisin);
}


.panel {
padding: 0 18px;
display: none;
background-color: var(--blue);
overflow: hidden;
border-radius:12px;
height:400px;
margin:auto;
padding-top:20px;
color:white;
}

.panel-pdf {
padding: 0 18px;
display: none;
background-color: var(--blue);
overflow: hidden;
border-radius:12px;
height:500px;
margin:auto;
padding-top:20px;
color:white;
}