:root { --header-height: 3rem;
--color-green : #24A47A;
--color-green-dark: #0C5940;
--color-green-darker: #042C1F;
--color-green-darkest: #000;
--color-green-light:#75D8B2;
--color-green-lighter:#A8DDCB; 
--color-green-lightest:#fff;
--color-purple : #7E56BB;
--color-purple-dark : #68459f;
--color-purple-darker : #4D3179;
--color-purple-darkest : #2F1A4F;
--color-purple-light : #9167d2;
--color-purple-lighter : #B58FFF;
--color-purple-lightest : #D4C0FF;
--color-gray: #898096;
--color-gray-dark: #675e74;
--color-gray-light: #dcd2ea;
--color-gray-lighter: #f1f0f2;
--default-max-width: 34rem;
--default-padding : 1rem;
--default-vertical-spacing: calc(4 * var(--default-padding));
--font-head: 'Unbounded', sans-serif;
--font-body: 'Atkinson Hyperlegible', Helvetica, Arial, sans-serif;
}
@media only screen and (min-width :  800px) { 
:root {
--default-padding : 2rem;
}
} .buttonset {
display:flex;
flex-wrap:wrap;
gap:.5rem;
}
.button,
.wp-block-buttons .wp-block-button__link {
background-color:var(--color-purple);
color:white;
display:flex;
align-items:center;
gap:.4rem;
padding:.5rem .8rem;
border:2px solid var(--color-purple);
border-radius:.8rem;
text-decoration: none;
font-size:.8rem;
line-height:1rem;
font-weight:bold;
cursor:pointer;
}
.button:first-letter {
text-transform: uppercase;
}
.button:hover {
background-color:var(--color-purple-light);
}
.button.disabled {
border-color:#777;
border-style:dashed;
color:#666;
pointer-events: none;
cursor: default;
background-color: white;
}
.button-color.active {
color:var(--term-color) !important;
}
.button-inverse {
background:transparent;
border-color:white;
color:white;
}
.button-inverse:hover {
background:white;
color:black;
}
.button-icon {
width:1rem;
}
.button-icon svg {
display:block;
width:100%;
height:auto;
color:inherit;
}
.button-icon path,
.button-icon rect {
stroke-width:2;
stroke:currentColor;
}