.wp-block-read-more,
.wp-block-button,
.gs-slider-control-btn,
.cat-item a {
    transition-property: background-color, border-color, color;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
}

.wp-block-button  {
    
    

    .wp-block-button__link, &.is-style-fill {
        background-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--white);
        border-color: var(--wp--preset--color--primary);
        border: 2px solid transparent;

        &:hover{
            background-color: var(--wp--preset--color--white);
            border-color: var(--wp--preset--color--white);
            color: var(--wp--preset--color--black);
        }
    }

     &.is-style-outline{
        .wp-block-button__link {
            background-color: var(--wp--preset--color--transparent);
            border-color: var(--wp--preset--color--white);
            color: var(--wp--preset--color--white);

            &:hover{
                background-color: var(--wp--preset--color--white);
                color: var(--wp--preset--color--black);
            }
        }
    }

    &.is-style-light-fill{
        .wp-block-button__link {
            background-color: var(--wp--preset--color--white);
            border-color: var(--wp--preset--color--white);
            color: var(--wp--preset--color--black);


            &:hover{
                color: var(--wp--preset--color--primary);
                border-color: var(--wp--preset--color--primary);
            }
        }
    }

    &.is-style-secondary-fill{
        .wp-block-button__link {
            background-color: var(--wp--preset--color--secondary);
            border-color: var(--wp--preset--color--secondary);
            color: var(--wp--preset--color--white);


            &:hover{
                background-color: var(--wp--preset--color--white);
                color: var(--wp--preset--color--black);
            }
        }
    }

    &.is-style-tertiary-fill{
        .wp-block-button__link {
            background-color: var(--wp--preset--color--tertiary);
            border-color: var(--wp--preset--color--tertiary);
            color: var(--wp--preset--color--white);


            &:hover{
                background-color: var(--wp--preset--color--white);
                color: var(--wp--preset--color--tertiary);
            }
        }
    }


    &.is-style-light-outline{
        .wp-block-button__link {
            background-color: transparent;
            border-color: var(--wp--preset--color--white);
            color: var(--wp--preset--color--white);

            &:hover{
                background-color: var(--wp--preset--color--primary);
                color: var(--wp--preset--color--white);
            }
        }
    }
}

.wp-block-button {
    &.is-style-blue-to-white {
        .wp-block-button__link {
            background-color: var(--wp--preset--color--primary);
            &:hover {
                background-color: var(--wp--preset--color--white);
            }
        }
        
    }
    &.is-style-blue-to-blue-outline {
        .wp-block-button__link {
            background-color: var(--wp--preset--color--primary);
            &:hover {
                background-color: transparent;
                border: 2px solid var(--wp--preset--color--primary);
                color: var(--wp--preset--color--primary);
            }
        }
        
    }
    &.is-style-blue-to-white-outline {
        .wp-block-button__link {
            background-color: var(--wp--preset--color--primary);
            &:hover {
                background-color: transparent;
                border: 2px solid var(--wp--preset--color--white);
            }
        }
        
    }
    &.is-style-purple-to-white {
        .wp-block-button__link {
            background-color: var(--wp--preset--color--secondary);
            &:hover {
                background-color: var(--wp--preset--color--white);
            }
        }
    }
    &.is-style-purple-to-white-outline {
        .wp-block-button__link {
            background-color: var(--wp--preset--color--secondary);
            &:hover {
                background-color: var(--wp--preset--color--transparent);
                border: 2px solid var(--wp--preset--color--white);
            }
        }
    }
    &.is-style-white-to-blue .wp-block-button__link{
        color: var(--wp--preset--color--black); 
        background-color: var(--wp--preset--color--white);
        &:hover {
            background-color: var(--wp--preset--color--primary);
            border-color: var(--wp--preset--color--primary);
            color: var(--wp--preset--color--white);
        }
    }
    &.is-style-white-to-purple {
        .wp-block-button__link {
            background-color: var(--wp--preset--color--white);
            &:hover {
                background-color: var(--wp--preset--color--secondary);
                color: var(--wp--preset--color--white);
            }
        }
    }
    &.is-style-white-outline-to-purple {
        .wp-block-button__link {
            background-color: var(--wp--preset--color--transparent);
            border: 2px solid var(--wp--preset--color--white);
            &:hover {
                background-color: var(--wp--preset--color--secondary);
            }
        }
    }
    &.is-style-white-to-yellow {
        .wp-block-button__link {
            background-color: var(--wp--preset--color--white);
            &:hover {
                background-color: var(--wp--preset--color--tertiary);
            }
        }        
    }
    &.is-style-white-to-outline {
        .wp-block-button__link {
            background-color: var(--wp--preset--color--white);
            color:  var(--wp--preset--color--black);
            &:hover {
                background-color: var(--wp--preset--color--transparent);
                border-color: var(--wp--preset--color--white);
                color: var(--wp--preset--color--white);
            }
        }        
    }
}

.wp-block-post-excerpt + .is-style-white-to-blue {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--black);
    &:hover {
        background-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--white);
    }
}

.wp-block-read-more.is-style-blue-to-white {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    &:hover {
        background-color: var(--wp--preset--color--white);
        color: var(--wp--preset--color--black);
    }
}

.wp-block-read-more.is-style-blue-to-blue-outline {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    
}

.gspbgrid_item .wp-block-read-more {
    border: 2px solid transparent;
}

.gspbgrid_item:hover .wp-block-read-more.is-style-blue-to-blue-outline {
    background-color: var(--wp--preset--color--transparent);
    color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
}

/** Blog Categories **/

.cat-item {
    a:link, a:visited {
        border-radius:100px;
        padding-inline: var(--wp--preset--spacing--medium-primary);
        padding-block: var(--wp--preset--spacing--small-primary);
        color: var(--wp--preset--color--white);
        background-color: var(--wp--preset--color--primary);
        border: 2px solid var(--wp--preset--color--transparent);
    }
}

.cat-item a:hover,
.current-cat a:link,
.current-cat a:visited {
    background-color: var(--wp--preset--color--transparent);
    border: 2px solid var(--wp--preset--color--primary);
    color: var(--wp--preset--color--primary);
}

/** Paging Buttons **/
.gs-slider-control-btn.has-primary-background-color {
    border: 2px solid transparent;
    color: var(--wp--preset--color--primary);
    cursor:pointer;
    &:hover {
        background-color: transparent!important;
        border-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--primary);

        img {
            filter: invert(55%) sepia(14%) saturate(15) hue-rotate(130deg) brightness(119%);
        }
    }
}