.btn--action:not(.wp-block-button), .wp-block-button.btn--action > .wp-block-button__link, .wp-block-button.btn--action > a {
background-color: var(--action);
color: var(--action-ultra-dark);
border-style: solid;
border-color: var(--action);
padding: var(--btn-pad-y) var(--btn-pad-x);
border-radius: var(--btn-radius);
border-style: solid;
text-transform: var(--btn-text-transform);
-webkit-text-decoration: var(--btn-text-decoration);
text-decoration: var(--btn-text-decoration);
letter-spacing: var(--btn-letter-spacing);
font-weight: var(--btn-weight);
font-style: var(--btn-text-style);
min-inline-size: var(--btn-width);
line-height: var(--btn-line-height);
justify-content: center;
text-align: center;
border-width: var(--btn-border-size);
font-size: 1.8rem;
font-size: calc(1.4rem + (0.4 * ((100vw - 32rem) / 104.6)));
font-size: clamp(1.4rem, calc(0.3824091778vw + 1.2776290631rem), 1.8rem);
}
.btn--action:not(.wp-block-button):hover, .wp-block-button.btn--action > .wp-block-button__link:hover, .wp-block-button.btn--action > a:hover {
background-color: var(--action);
color: var(--action-strong-dark);
border-color: var(--action-hover);
cursor: pointer;
}
.btn--action:not(.wp-block-button).btn--outline, .wp-block-button.btn--action.btn--outline > a, .wp-block-button.btn--action.btn--outline > .wp-block-button__link {
background-color: transparent;
border-style: solid;
color: var(--action);
padding: var(--btn-pad-y) var(--btn-pad-x);
border-width: var(--outline-btn-border-size);
border-radius: var(--btn-radius);
text-transform: var(--btn-text-transform);
font-weight: var(--btn-weight);
}
.btn--action:not(.wp-block-button).btn--outline:hover, .wp-block-button.btn--action.btn--outline > a:hover, .wp-block-button.btn--action.btn--outline > .wp-block-button__link:hover {
background-color: var(--action);
cursor: pointer;
color: var(--action-ultra-light);
}
.btn--xs:not(.wp-block-button), .wp-block-button.btn--xs > a, .wp-block-button.btn--xs > .wp-block-button__link {
padding: var(--btn-pad-y) var(--btn-pad-x);
border-radius: var(--btn-radius);
border-style: solid;
text-transform: var(--btn-text-transform);
-webkit-text-decoration: var(--btn-text-decoration);
text-decoration: var(--btn-text-decoration);
letter-spacing: var(--btn-letter-spacing);
font-weight: var(--btn-weight);
font-style: var(--btn-text-style);
min-inline-size: var(--btn-width);
line-height: var(--btn-line-height);
justify-content: center;
text-align: center;
border-width: var(--btn-border-size);
font-size: 1.26rem;
font-size: calc(1.1rem + (0 * ((100vw - 32rem) / 104.6)));
font-size: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem);
cursor: pointer;
}
.btn--s:not(.wp-block-button), .wp-block-button.btn--s > a, .wp-block-button.btn--s > .wp-block-button__link {
padding: var(--btn-pad-y) var(--btn-pad-x);
border-radius: var(--btn-radius);
border-style: solid;
text-transform: var(--btn-text-transform);
-webkit-text-decoration: var(--btn-text-decoration);
text-decoration: var(--btn-text-decoration);
letter-spacing: var(--btn-letter-spacing);
font-weight: var(--btn-weight);
font-style: var(--btn-text-style);
min-inline-size: var(--btn-width);
line-height: var(--btn-line-height);
justify-content: center;
text-align: center;
border-width: var(--btn-border-size);
font-size: 1.42rem;
font-size: calc(1.2rem + (0 * ((100vw - 32rem) / 104.6)));
font-size: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem);
cursor: pointer;
}
.btn--m:not(.wp-block-button), .wp-block-button.btn--m > a, .wp-block-button.btn--m > .wp-block-button__link {
padding: var(--btn-pad-y) var(--btn-pad-x);
border-radius: var(--btn-radius);
border-style: solid;
text-transform: var(--btn-text-transform);
-webkit-text-decoration: var(--btn-text-decoration);
text-decoration: var(--btn-text-decoration);
letter-spacing: var(--btn-letter-spacing);
font-weight: var(--btn-weight);
font-style: var(--btn-text-style);
min-inline-size: var(--btn-width);
line-height: var(--btn-line-height);
justify-content: center;
text-align: center;
border-width: var(--btn-border-size);
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 104.6)));
font-size: clamp(1.6rem, calc(0.1912045889vw + 1.5388145315rem), 1.8rem);
cursor: pointer;
}
.btn--l:not(.wp-block-button), .wp-block-button.btn--l > a, .wp-block-button.btn--l > .wp-block-button__link {
padding: var(--btn-pad-y) var(--btn-pad-x);
border-radius: var(--btn-radius);
border-style: solid;
text-transform: var(--btn-text-transform);
-webkit-text-decoration: var(--btn-text-decoration);
text-decoration: var(--btn-text-decoration);
letter-spacing: var(--btn-letter-spacing);
font-weight: var(--btn-weight);
font-style: var(--btn-text-style);
min-inline-size: var(--btn-width);
line-height: var(--btn-line-height);
justify-content: center;
text-align: center;
border-width: var(--btn-border-size);
font-size: 2.025rem;
font-size: calc(1.92rem + (0.4794 * ((100vw - 32rem) / 104.6)));
font-size: clamp(1.92rem, calc(0.4583173996vw + 1.7733384321rem), 2.3994rem);
cursor: pointer;
}
.btn--xl:not(.wp-block-button), .wp-block-button.btn--xl > a, .wp-block-button.btn--xl > .wp-block-button__link {
padding: var(--btn-pad-y) var(--btn-pad-x);
border-radius: var(--btn-radius);
border-style: solid;
text-transform: var(--btn-text-transform);
-webkit-text-decoration: var(--btn-text-decoration);
text-decoration: var(--btn-text-decoration);
letter-spacing: var(--btn-letter-spacing);
font-weight: var(--btn-weight);
font-style: var(--btn-text-style);
min-inline-size: var(--btn-width);
line-height: var(--btn-line-height);
justify-content: center;
text-align: center;
border-width: var(--btn-border-size);
font-size: 2.28rem;
font-size: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 104.6)));
font-size: clamp(2.304rem, calc(0.8550671128vw + 2.0303785239rem), 3.1984002rem);
cursor: pointer;
}
.btn--xxl:not(.wp-block-button), .wp-block-button.btn--xxl > a, .wp-block-button.btn--xxl > .wp-block-button__link {
padding: var(--btn-pad-y) var(--btn-pad-x);
border-radius: var(--btn-radius);
border-style: solid;
text-transform: var(--btn-text-transform);
-webkit-text-decoration: var(--btn-text-decoration);
text-decoration: var(--btn-text-decoration);
letter-spacing: var(--btn-letter-spacing);
font-weight: var(--btn-weight);
font-style: var(--btn-text-style);
min-inline-size: var(--btn-width);
line-height: var(--btn-line-height);
justify-content: center;
text-align: center;
border-width: var(--btn-border-size);
font-size: 2.565rem;
font-size: calc(2.7648rem + (1.4986674666 * ((100vw - 32rem) / 104.6)));
font-size: clamp(2.7648rem, calc(1.4327604843vw + 2.306316645rem), 4.2634674666rem);
cursor: pointer;
}
a[class*="btn--"] {
display: inline-flex;
}
.btn--clear {
background: none;
border: none;
}
.flex--col {
display: flex;
flex-direction: column;
}
.flex--row {
display: flex;
flex-direction: row;
}
.flex--col-reverse {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse {
display: flex;
flex-direction: row-reverse;
}
@media (max-width: 1279px) {
.flex--col-xl {
display: flex;
flex-direction: column;
}
.flex--row-xl {
display: flex;
flex-direction: row;
}
.flex--col-reverse-xl {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-xl {
display: flex;
flex-direction: row-reverse;
}
}
@media (max-width: 991px) {
.flex--col-l {
display: flex;
flex-direction: column;
}
.flex--row-l {
display: flex;
flex-direction: row;
}
.flex--col-reverse-l {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-l {
display: flex;
flex-direction: row-reverse;
}
}
@media (max-width: 767px) {
.flex--col-m {
display: flex;
flex-direction: column;
}
.flex--row-m {
display: flex;
flex-direction: row;
}
.flex--col-reverse-m {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-m {
display: flex;
flex-direction: row-reverse;
}
}
@media (max-width: 479px) {
.flex--col-s {
display: flex;
flex-direction: column;
}
.flex--row-s {
display: flex;
flex-direction: row;
}
.flex--col-reverse-s {
display: flex;
flex-direction: column-reverse;
}
.flex--row-reverse-s {
display: flex;
flex-direction: row-reverse;
}
}
.justify-content--start {
display: flex;
justify-content: flex-start;
}
.justify-content--end {
display: flex;
justify-content: flex-end;
}
.justify-content--center {
display: flex;
justify-content: center;
}
.justify-content--between {
display: flex;
justify-content: space-between;
}
.justify-content--around {
display: flex;
justify-content: space-around;
}
.justify-content--stretch {
display: flex;
justify-content: stretch;
}
.align-content--start {
display: flex;
align-content: flex-start;
}
.align-content--end {
display: flex;
align-content: flex-end;
}
.align-content--center {
display: flex;
align-content: center;
}
.align-content--baseline {
display: flex;
align-content: baseline;
}
.align-content--stretch {
display: flex;
align-content: stretch;
}
.justify-items--start {
display: flex;
justify-items: flex-start;
}
.justify-items--center {
display: flex;
justify-items: center;
}
.justify-items--end {
display: flex;
justify-items: flex-end;
}
.justify-items--stretch {
display: flex;
justify-items: stretch;
}
.align-items--start {
display: flex;
align-items: flex-start;
}
.align-items--end {
display: flex;
align-items: flex-end;
}
.align-items--center {
display: flex;
align-items: center;
}
.align-items--baseline {
display: flex;
align-items: baseline;
}
.align-items--stretch {
display: flex;
align-items: stretch;
}
.self--start {
align-self: flex-start;
}
.self--end {
align-self: flex-end;
}
.self--stretch {
align-self: stretch;
}
.self--center {
align-self: center;
}
.stretch {
display: flex;
align-content: stretch;
align-items: stretch;
justify-content: stretch;
justify-items: stretch;
}
.flex--wrap {
flex-wrap: wrap;
}
.flex--grow > * {
flex-grow: 1;
}
.editor-styles-wrapper {
width: 100% !important;
}