: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;
list-style: none;
}
.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;
}