:root { --pink: rgb( 243, 79, 109 );
--pink-40: rgb( 250, 184, 196 );
--pink-10: rgb( 253, 236, 239 ); --purple: rgb( 132, 81, 155 );
--purple-40: rgb( 205, 184, 214 );
--purple-10: rgb( 242, 236, 244 ); --gold: rgb( 250, 199, 1 );
--gold-40: rgb( 252, 232, 152 );
--gold-10: rgb( 254, 249, 228 ); --blue: rgb( 138, 223, 250 );
--blue-40: rgb( 207, 242, 252 );
--blue-10: rgb( 242, 251, 254 ); --red: rgb( 224, 46, 46 );
--green: rgb( 74, 133, 24 );
} .has-dark-blue-background-color,
.has-dark-blue-background-color h2,
.has-dark-blue-background-color h3,
.has-dark-blue-background-color h4,
.has-dark-blue-background-color p{
color: white;
} .has-pink-color {
color: var( --pink );
}
.has-pink-color a {
color: var( --pink );
border-color: var( --pink-40 );
}
.has-pink-background-color {
background-color: var( --pink );
border-color: var( --pink );
}
.wp-block-button__link.has-pink-background-color:hover {
border-color: var( --pink-40 );
}
.has-pink-40-color {
color: var( --pink-40 );
}
.has-pink-40-color a {
color: var( --pink-40 );
border-color: var( --pink-10 );
}
.has-pink-40-background-color {
background-color: var( --pink-40 );
border-color: var( --pink-40 );
}
.wp-block-button__link.has-pink-40-background-color:hover {
border-color: var( --pink-10 );
}
.has-pink-10-color {
color: var( --pink-10 );
}
.has-pink-10-color a {
color: var( --pink-10 );
border-color: var( --pink-10 );
}
.has-pink-10-background-color {
background-color: var( --pink-10 );
border-color: var( --pink-10 );
}
.wp-block-button__link.has-pink-10-background-color:hover {
border-color: var( --pink-40 );
}
.has-purple-color {
color: var( --purple );
}
.has-purple-color a {
color: var( --purple );
border-color: var( --purple-40 );
}
.has-purple-background-color {
background-color: var( --purple );
border-color: var( --purple );
}
.wp-block-button__link.has-purple-background-color:hover {
border-color: var( --purple-40 );
}
.has-purple-40-color {
color: var( --purple-40 );
}
.has-purple-40-color a {
color: var( --purple-40 );
border-color: var( --purple-10 );
}
.has-purple-40-background-color {
background-color: var( --purple-40 );
border-color: var( --purple-40 );
}
.wp-block-button__link.has-purple-40-background-color:hover {
border-color: var( --purple-10 );
}
.has-purple-10-color {
color: var( --purple-10 );
}
.has-purple-10-color a {
color: var( --purple-10 );
border-color: var( --purple-10 );
}
.has-purple-10-background-color {
background-color: var( --purple-10 );
border-color: var( --purple-10 );
}
.wp-block-button__link.has-purple-10-background-color:hover {
border-color: var( --purple-40 );
}
.has-gold-color {
color: var( --gold );
}
.has-gold-color a {
color: var( --gold );
border-color: var( --gold-40 );
}
.has-gold-background-color {
background-color: var( --gold );
border-color: var( --gold );
}
.wp-block-button__link.has-gold-background-color:hover {
border-color: var( --gold-40 );
}
.has-gold-40-color {
color: var( --gold-40 );
}
.has-gold-40-color a {
color: var( --gold-40 );
border-color: var( --gold-10 );
}
.has-gold-40-background-color {
background-color: var( --gold-40 );
border-color: var( --gold-40 );
}
.wp-block-button__link.has-gold-40-background-color:hover {
border-color: var( --gold-10 );
}
.has-gold-10-color {
color: var( --gold-10 );
}
.has-gold-10-color a {
color: var( --gold-10 );
border-color: var( --gold-10 );
}
.has-gold-10-background-color {
background-color: var( --gold-10 );
border-color: var( --gold-10 );
}
.wp-block-button__link.has-gold-10-background-color:hover {
border-color: var( --gold-40 );
}
.has-blue-color {
color: var( --blue );
}
.has-blue-color a {
color: var( --blue );
border-color: var( --blue-40 );
}
.has-blue-background-color {
background-color: var( --blue );
border-color: var( --blue );
}
.wp-block-button__link.has-blue-background-color:hover {
border-color: var( --blue-40 );
}
.has-blue-40-color {
color: var( --blue-40 );
}
.has-blue-40-color a {
color: var( --blue-40 );
border-color: var( --blue-10 );
}
.has-blue-40-background-color {
background-color: var( --blue-40 );
border-color: var( --blue-40 );
}
.wp-block-button__link.has-blue-40-background-color:hover {
border-color: var( --blue-10 );
}
.has-blue-10-color {
color: var( --blue-10 );
}
.has-blue-10-color a {
color: var( --blue-10 );
border-color: var( --blue-10 );
}
.has-blue-10-background-color {
background-color: var( --blue-10 );
border-color: var( --blue-10 );
}
.wp-block-button__link.has-blue-10-background-color:hover {
border-color: var( --blue-40 );
}
.has-black-color {
color: black;
}
.has-black-color a {
color: black;
border-color: rgb( 102, 102, 102 );
}
.has-black-background-color {
background-color: black;
border-color: black;
}
.wp-block-button__link.has-black-background-color:hover {
border-color: black;
}
.has-white-color {
color: white;
}
.has-white-color a {
color: white;
border-color: rgb( 153, 153, 153 );
}
.has-white-background-color {
background-color: white;
border-color: white;
}
.wp-block-button__link.has-white-background-color:hover {
border-color: rgb( 128, 128, 128 );
}