/* Button Block */
.button,
.wp-block-file__button,
.wp-block-post-excerpt__more-link,
.wp-block-buttons .wp-element-button,
.wp-block-buttons .wp-block-button__link.wp-block-button__link {background-color: var(--primary-color);color: var(--white);border: 1px solid var(--primary-color);border-radius: 0;font-weight: 400;line-height: normal;padding: 0.7rem 1.6rem;position: relative;}
.button:before,
.wp-block-file__button:before,
.wp-block-post-excerpt__more-link:before,
.wp-block-buttons .wp-element-button:before,
.wp-block-buttons .wp-block-button__link.wp-block-button__link:before {content: '';width: 1rem;height: 1rem;position: absolute;top: 0;left: 0;background-size: contain;background-repeat: no-repeat;background-image: url('data:image/svg+xml,');}
.button:after,
.wp-block-file__button:after,
.wp-block-post-excerpt__more-link:after,
.wp-block-buttons .wp-element-button:after,
.wp-block-buttons .wp-block-button__link.wp-block-button__link:after {content: '';width: 1rem;height: 1rem;position: absolute;bottom: 0;right: 0;background-size: contain;background-repeat: no-repeat;background-image: url('data:image/svg+xml,');}
/* ------------------------------------ */
.button:is(:hover, :focus-visible),
.wp-block-file__button:is(:hover, :focus-visible),
.wp-block-post-excerpt__more-link:is(:hover, :focus-visible),
.wp-block-buttons .wp-element-button:is(:hover, :focus-visible),
.wp-block-buttons .wp-block-button__link.wp-block-button__link:is(:hover, :focus-visible) {
background-color: var(--white);
color: var(--primary-color);
}
.button:is(:hover, :focus-visible):before,
.wp-block-file__button:is(:hover, :focus-visible):before,
.wp-block-post-excerpt__more-link:is(:hover, :focus-visible):before,
.wp-block-buttons .wp-element-button:is(:hover, :focus-visible):before,
.wp-block-buttons .wp-block-button__link.wp-block-button__link:is(:hover, :focus-visible):before { background-image: url('data:image/svg+xml,'); }
.button:is(:hover, :focus-visible):after,
.wp-block-file__button:is(:hover, :focus-visible):after,
.wp-block-post-excerpt__more-link:is(:hover, :focus-visible):after,
.wp-block-buttons .wp-element-button:is(:hover, :focus-visible):after,
.wp-block-buttons .wp-block-button__link.wp-block-button__link:is(:hover, :focus-visible):after { background-image: url('data:image/svg+xml,'); }
/* Button block - outline */
.is-style-outline.is-style-outline.wp-block-button .wp-block-button__link {
background: var(--white);
color: var(--wp--preset--color--accent);
border: 1px solid var(--wp--preset--color--accent);
padding: 0.5em 1em;
}
.wp-block-button.is-style-outline .wp-element-button:is(:hover, :focus-visible) {
background: var(--wp--preset--color--accent);
border-color: var(--wp--preset--color--accent);
color: var(--white);
}
/*
* iPhone bug fix
* https://www.notion.so/fueldigital/iPhone-button-contrast-fix-47918141a741472fbc1fba3aa5919ca4
*/
@supports (-webkit-touch-callout: none) {
.entry-content a.wp-block-button__link { transition: none; }
}