body{background-color:var(--background-primary);color:var(--text-primary)}

a{text-decoration:none;color:var(--text-primary);transition:color 0.3s ease-in-out}
a:hover{color:var(--links)}

.button-icon {
  display:grid;
  grid-template-columns:40px max-content;
  align-items:center;
  background-color:var(--background-content);
  justify-items:center;
  border-radius:2rem;
  height:var(--button-height);
  padding:0 0.5rem;
  transition-property:color;
  border:1px solid var(--border)
}

.button-icon svg{
    fill:currentColor;
    transition:fill 0.3s ease-in-out
}

.button-icon:hover svg{fill:var(--links)}

.CTA{background-color:var(--brand);color:var(--background-content);border:none}
.CTA svg{fill:var(--background-content)}

.CTA:hover{color:var(--text-primary)}
.CTA:hover svg{fill:var(--text-primary)}

.bcg-list>li{
    border-radius: 2rem;
    padding:1rem;
    box-shadow:
        inset -2px 2px var(--background-primary),
        -20px 20px 40px hsl(0 0 0 / .25);
    margin-bottom:2rem
}

.bcg-list-title{margin:0}

.bcg-impact{
    --icon-size:70px;
    display:grid;
    grid-template-columns: 1fr var(--icon-size);
    grid-template-areas: "title svg" "content content";
}

.bcg-impact-title{
    grid-area: title;
    margin:0;
    line-height: var(--icon-size);
}
.bcg-impact-content{
    grid-area: content;
}
.bcg-impact svg{
    grid-area: svg;
    width:var(--icon-size);
    height:var(--icon-size);
    align-self:center
}

.wp-block-accordion-item{padding:1rem;padding-top:0}
.wp-block-accordion-item.is-open{background-color: var(--background-secondary);border-radius: 2rem;}