.wp-block-button  {
    .wp-block-button__link {
        white-space: nowrap;
        transition-property: background-color, border-color, color;
        transition-duration: 0.25s;
        transition-timing-function: ease-in-out;
        border-radius: var(--wp--preset--spacing--small-tertiary);
        &::after{
            background-image: url("../../../images/arrow-yellow.svg");
            background-size: contain;
            content: '';
            display: inline-block;
            height: 11px;
            margin-left: 8px;
            width: 18px;
        }

		&:is(.gspbgrid_item_link:hover ~ * .wp-block-button__link),
        &:hover{
            background-color: var(--wp--preset--color--secondary);
            border-color: var(--wp--preset--color--secondary);
            color: var(--wp--preset--color--white);
            &::after{
                background-image: url("../../../images/arrow-white.svg");
            }
        }
    }

    &.is-style-outline{
        .wp-block-button__link {
			&:is(.gspbgrid_item_link:hover ~ * .wp-block-button__link),
            &:hover{
                background-color: var(--wp--preset--color--primary);
                border-color: var(--wp--preset--color--primary);
                color: var(--wp--preset--color--white);
            }
        }
    }

	
	/* &:is(.wp-site-blocks:has(.entry-content > *:first-child:not(.has-background, .wp-block-cover)) .wp-block-button){
		.wp-block-button__link {
			&:hover{
				background-color: var(--wp--preset--color--primary);
				border-color: var(--wp--preset--color--primary);
				color: var(--wp--preset--color--white);
			}
		}
	} */



    /* new */
    &.is-style-yellow-blue {
        .wp-block-button__link {
            background-color: var(--wp--preset--color--secondary);
            border-color: var(--wp--preset--color--secondary);
            color: var(--wp--preset--color--white);
            &::after{
                background-image: url("../../../images/arrow-white.svg");
            }
            &:hover {
                background-color: var(--wp--preset--color--primary);
                border-color: var(--wp--preset--color--primary);
                color: var(--wp--preset--color--white);
                &::after{
                    background-image: url("../../../images/arrow-yellow.svg");
                }
            }
        }
    }
    &.is-style-yellow-white {
        .wp-block-button__link {
            background-color: var(--wp--preset--color--secondary);
            border-color: var(--wp--preset--color--secondary);
            color: var(--wp--preset--color--white);
            &::after{
                background-image: url("../../../images/arrow-white.svg");
            }
            &:hover {
                background-color: var(--wp--preset--color--white);
                border-color: var(--wp--preset--color--white);
                color: var(--wp--preset--color--primary);
                &::after{
                    background-image: url("../../../images/arrow-blue.svg")!important;
                }
            }
        }
    }
    &.is-style-white-blue {
        .wp-block-button__link {
            background-color: var(--wp--preset--color--white);
            border-color: var(--wp--preset--color--white);
            color: var(--wp--preset--color--primary);

			&:is(.gspbgrid_item_link:hover ~ * .wp-block-button__link),
            &:hover{
                background-color: var(--wp--preset--color--primary);
                border-color: var(--wp--preset--color--primary);
                color: var(--wp--preset--color--white);
                &::after{
                    background-image: url("../../../images/arrow-yellow.svg");
                }
            }
        }
    }
}

.wp-block-read-more {
    white-space: nowrap;
    transition-property: background-color, border-color, color;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
    border-radius: 100px!important;
    &::after{
        background-image: url("../../../images/arrow-yellow.svg");
        background-size: contain;
        content: '';
        display: inline-block;
        height: 11px;
        margin-left: 8px;
        width: 18px;
    }

    &:is(.gspbgrid_item_link:hover ~ * .wp-block-button__link),
    &:hover{
        background-color: var(--wp--preset--color--secondary);
        border-color: var(--wp--preset--color--secondary);
        color: var(--wp--preset--color--white);
        &::after{
            background-image: url("../../../images/arrow-white.svg");
        }
    }
}

.reviews-button {
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
}