.is-style-button,
.wp-block-button {
    &.is-style-fill {
        .wp-block-button__link.wp-element-button {
            transition: 0.25s ease-in-out;
    
            &.has-primary-background-color {
                border: 2px solid var(--wp--preset--color--primary);
            }
        
            &:hover {
                background-color: white !important;
                color: var(--wp--preset--color--primary) !important;
                border: 2px solid white !important;
            }
        }  
    }

    &:not(.is-style-outline):not(.is-style-arrow):not(.is-style-overlay) {
        .wp-block-button__link.wp-element-button {
            transition: 0.25s ease-in-out;
            border: 2px solid var(--wp--preset--color--primary);

            &.has-primary-background-color {
                border: 2px solid var(--wp--preset--color--primary);

                &:hover {
                    background-color: white !important;
                    color: var(--wp--preset--color--primary) !important;
                    border: 2px solid white !important;
                }
            }
        
            &:hover {
                background-color: transparent !important;
                color: var(--wp--preset--color--primary) !important;
                border: 2px solid var(--wp--preset--color--primary) !important;
            }
        }  
    }

    &.is-style-outline {
        .wp-block-button__link.wp-element-button {
            transition: 0.25s ease-in-out;
            padding-right: 15px;
            padding-left: 15px;
    
            &.has-transparent-background-color {
                border: 2px solid white;
            }
        
            &:hover {
                background-color: white !important;
                color: var(--wp--preset--color--primary) !important;
                border: 2px solid white !important;
            }
        } 
    }
     

    &.is-style-arrow {
        .wp-block-button__link.wp-element-button {
            background-color: transparent;
            padding: 0;
            display: flex;
        
            &::after {
                content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10.358" height="10.358" viewBox="0 0 10.358 10.358"><path d="M5.407,0V5.408H0V7.324H7.324V0Z" transform="translate(0 5.179) rotate(-45)" fill="%2382c341"/></svg>');
                width: 10px;
                height: 10px;
                margin-left: 5px;
                margin-top: 0px;
            }
        }
    }

    &.is-style-overlay {
        a {
            background-color: transparent;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            font-size: 0px;
            z-index: 5;
            border: 0px !important;
            padding: 0 !important;

            &:hover {
                border: 0px !important;
            }
        }
    }
}

.wp-block-group.has-primary-background-color {
    .is-style-button,
    .wp-block-button {
        .wp-block-button__link.wp-element-button.has-quinary-background-color {
            border: 2px solid white !important;
            
            &:hover {
                background-color: transparent !important;
                color: white !important;
                border: 2px solid white !important;
            }
        }
    }
}

.wp-block-group.has-secondary-background-color {
    .is-style-button,
    .wp-block-button {
        &.is-style-fill {
            .wp-block-button__link.wp-element-button {
                &:hover {
                    background-color: white !important;
                    color: var(--wp--preset--color--primary) !important;
                    border: 2px solid white !important;
                }
            }
        }
    }
}

@media screen and (max-width: 991px) {
    .wp-block-buttons {
        &.is-content-justification-right {
            justify-content: flex-start !important;
        }
    }
}