/* 
 * Last modified: 16/04
 */

.wp-block-button {
    --gl-btn-text: var(--wp--preset--color--base);
    --gl-btn-bg: var(--wp--preset--color--accent-3);
    --gl-btn-hover-bg: var(--wp--custom--color-accent-6);
    --gl-btn-hover-text: var(--wp--preset--color--accent-4);
}



.wp-block-button.is-style-outline .wp-block-button__link.has-background,
.wp-block-button.is-style-outline .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link.has-background,
.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link { 
    background-color: var(--gl-btn-text) !important;
    border-color: var(--gl-btn-bg) !important;
    color: var(--gl-btn-bg) !important;
}

.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link.has-background:hover,
.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link.has-background:focus,
.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link:focus  {
    background-color: var(--gl-btn-hover-bg)!important;
    border-color: var(--gl-btn-hover-bg) !important;
    color: var(--gl-btn-hover-text) !important;
    outline-color: var(--gl-btn-hover-text);
}

.wp-block-button.is-style-fill .wp-block-button__link.has-background,
.wp-block-button.is-style-fill .wp-block-button__link,
.editor-styles-wrapper .wp-block-button .wp-block-button__link.has-background,
.editor-styles-wrapper .wp-block-button .wp-block-button__link { 
    background-color: var(--gl-btn-bg) !important;
    border-color: var(--gl-btn-bg) !important;
    color: var(--gl-btn-text) !important;
}

.wp-block-buttons .wp-block-button a.wp-block-button__link.has-background:hover,
.wp-block-buttons .wp-block-button a.wp-block-button__link:hover,
.wp-block-buttons .wp-block-button a.wp-block-button__link.has-background:focus,
.wp-block-buttons .wp-block-button a.wp-block-button__link:focus,
.editor-styles-wrapper .wp-block-buttons .wp-block-button  .wp-block-button__link:hover,
.editor-styles-wrapper .wp-block-buttons .wp-block-button  .wp-block-button__link:focus {
    background-color: var(--gl-btn-hover-bg)!important;
    border-color: var(--gl-btn-hover-bg) !important;
    color: var(--gl-btn-hover-text) !important;
    outline-color: var(--gl-btn-hover-text);
}

.wp-block-button .wp-block-button__link.has-accent-orange-background-color {
    --gl-btn-bg: var(--wp--preset--color--accent-orange) !important;
    --gl-btn-text: var(--wp--preset--color--base) !important;
    --gl-btn-hover-bg: var(--wp--custom--color-accent-orange-6) !important;
    --gl-btn-hover-text: var(--wp--custom--color-accent-orange-4) !important;

}

.wp-block-button .wp-block-button__link.has-accent-purple-3-background-color {
    --gl-btn-bg: var(--wp--preset--color--accent-purple-3) !important;
    --gl-btn-text: var(--wp--preset--color--base) !important;
    --gl-btn-hover-bg: #bd8cbf !important;
    --gl-btn-hover-text: #440e62 !important;
}

.wp-block-button .wp-block-button__link.has-accent-magenta-3-background-color {
    --gl-btn-bg: var(--wp--preset--color--accent-magenta-3) !important;
    --gl-btn-text: var(--wp--preset--color--base) !important;
    --gl-btn-hover-bg: #f9cde0 !important;
    --gl-btn-hover-text: #660445 !important;
}

.wp-block-button .wp-block-button__link.has-accent-teal-3-background-color {
    --gl-btn-bg: var(--wp--preset--color--accent-teal-3) !important;
    --gl-btn-text: var(--wp--preset--color--base) !important;
    --gl-btn-hover-bg: #addccf !important;
    --gl-btn-hover-text: #005243 !important;
}

.wp-block-button .wp-block-button__link.has-accent-4-background-color {
    --gl-btn-bg: var(--wp--preset--color--accent-4) !important;
}

/* White Buttons */ 

.wp-block-button.is-style-outline .wp-block-button__link.has-base-background-color {
    --gl-btn-bg: var(--wp--preset--color--base) !important;
    --gl-btn-text: var(--wp--preset--color--accent-base) !important;
	background-color: none;
}

.wp-block-button .wp-block-button__link.has-base-background-color {
    --gl-btn-bg: var(--wp--preset--color--base) !important;
    --gl-btn-text: var(--wp--preset--color--accent-3) !important;
	--gl-btn-hover-bg: var(--wp--custom--color-accent-6) !important;
	--gl-btn-hover-text: var(--wp--preset--color--accent-4) !important;
}

.wp-block-button .wp-block-button__link.has-base-background-color.has-accent-orange-color {
	--gl-btn-text: var(--wp--preset--color--accent-orange) !important;
	--gl-btn-hover-bg: var(--wp--custom--color-accent-orange-6) !important;
    --gl-btn-hover-text: var(--wp--custom--color-accent-orange-4) !important;	
}

.wp-block-button .wp-block-button__link.has-base-background-color.has-accent-magenta-3-color {
	--gl-btn-text: var(--wp--preset--color--accent-magenta-3) !important;
	--gl-btn-hover-bg: #f9cde0 !important;
    --gl-btn-hover-text: #660445 !important;	
}

.wp-block-button .wp-block-button__link.has-base-background-color.has-accent-teal-3-color {
	--gl-btn-text: var(--wp--preset--color--accent-teal-3) !important;
    --gl-btn-hover-bg: #addccf !important;
    --gl-btn-hover-text: #005243 !important;
}

.wp-block-button .wp-block-button__link.has-base-background-color.has-accent-purple-3-color {
	--gl-btn-text: var(--wp--preset--color--accent-purple-3) !important;
	--gl-btn-hover-bg: #bd8cbf !important;
    --gl-btn-hover-text: #440e62 !important;
}