/* Button styles */

.wp-block-button a, .wp-block-button div, .gform_button, .has-style-button-primary.wp-block-navigation-link a{
    padding: 12px 20px 12px 20px !important;
    position: relative !important;
    border-radius: 5px !important;
    border-width: 0 !important;
    font-size: 14px !important;
    color: #ffffff !important;
    display:flex;
    font-weight: 700;
    justify-content: center;
    gap: 10px;
    min-width: 100px;
    line-height: inherit !important;
    background-color: var(--wp--preset--color--button-primary) !important;
    text-decoration: none !important;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.wp-block-button a:hover, .wp-block-button div:hover, .gform_button:hover, .has-style-button-primary.wp-block-navigation-link a:hover {
    background-color: var(--wp--preset--color--button-primary) !important;
    opacity: 0.6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.is-style-outline a, .is-style-outline div {
    border: 1px solid var(--wp--preset--color--button-outline) !important;
    background-color: #F3F8FF !important;
    color: var(--wp--preset--color--button-outline) !important;
}


.is-style-outline a:hover, .is-style-outline div:hover {
    background-color: var(--wp--preset--color--button-outline) !important;
    opacity: 1;
    color: #ffffff !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}


.is-style-fill-secondary a, .is-style-fill-secondary div {
    background-color: var(--wp--preset--color--button-secondary) !important; 
    border: 1px solid var(--wp--preset--color--button-secondary) !important;
    color: #ffffff !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.is-style-fill-secondary a:hover, .is-style-fill-secondary div:hover {
    opacity: 0.6;
    border: 1px solid #000 !important;
    color: #000 !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.is-style-outline-secondary a, .is-style-outline-secondary div {
    background-color: transparent !important; 
    border: 1px solid #000 !important;
    color: #000 !important;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.is-style-outline-secondary a::before, .is-style-outline-secondary div::before {
    background-image: url('images/white_arrow.svg');
}

.is-style-outline-secondary a:hover, .is-style-outline-secondary div:hover {
    background-color: var(--wp--preset--color--button-secondary) !important; 
    border: 1px solid #fff!important;
    color: var(--wp--preset--color--default-font) !important;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.is-style-outline-tertiary a, .is-style-outline-tertiary div {
    background-color: transparent !important; 
    border: 1px solid #00192F !important;
    color: #00192F !important;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.is-style-outline-tertiary a:hover, .is-style-outline-tertiary div:hover {
    background-color: transparent !important; 
    border: 1px solid #FF9400 !important;
    color: #FF9400 !important;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}

.is-style-simple-link a, .is-style-simple-link div {
    padding: 13px 35px 13px 0px !important;
    background-color: transparent !important; 
    border: 1px solid #ffffff !important;
    color: #877D5A !important;
    opacity: 1;
    font-weight: bold;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}
.is-style-simple-link a:hover, .is-style-simple-link div:hover {
    background-color: transparent !important; 
    border: 1px solid #ffffff !important;
    color: #877D5A !important;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
    -ms-transition:     all .3s ease-in-out;
    transition:         all .3s ease-in-out;
}