:root { --header-height: 3rem;
--color-blue: #c3dcf2;
--color-blue-dark: #4082a0;
--color-green: #0f5940;
--color-aubergine:#542c3c;
--color-orange: #FB551A;
--color-yellow: #D1C262;
--color-brown: #4F2C39;
--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-aubergine);
color:white;
align-items:center;
padding:.5rem .8rem;
border:2px solid var(--color-aubergine);
border-radius:.8rem;
text-decoration: none;
font-size:.8rem;
line-height:1rem;
font-weight:bold;
cursor:pointer;
}
.button:hover {
background-color:transparent;
color:var(--color-aubergine);
}
.button.disabled {
border-color:#777;
border-style:dashed;
color:#666;
pointer-events: none;
cursor: default;
background-color: white;
}
.button-secondary {
background-color:var(--color-green);
border:2px solid var(--color-green);
}
.button-secondary:hover {
background-color:transparent;
color:var(--color-green);
}