.elementor-8 .elementor-element.elementor-element-45e68ba0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-45e68ba0{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-051696f{width:100%;max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-051696f *//*CSS para personalizar o botão de avanço de etapas do Fluid Checkou */
.has-checkout-layout--multi-step .fc-step__actions .fc-step__next-step {
    margin: 0;
    min-width: 280px;
    width: 100%;
    background: #027A48;
    padding: 15px;/* aqui coloque a cor de fundo em RGB que desejar */
    color: white; /* Cor do texto*/
    border-radius: 15px; /* faz arredondar as bordas do botao */
    text-align: center;
}


.has-checkout-layout--multi-step.woocommerce-checkout form.woocommerce-checkout .fc-wrapper [data-step-complete] .fc-step__substep .fc-step__substep-title:before {
   
    background-color: #20A679 !important; /* Mudar a cor do icone de check para verde */
    
}

/* Aqui muda a cor do botao ao passar ou mouse*/
button.fc-step__next-step.button:hover {
    background: #20A679 !important;
    color: white !important;
}

/* Aqui muda a cor do botao Salvar Alteracoes alem de arredondar*/
button.fc-step__substep-save.button {
    background: #027A48;
    color: white;
    border-radius: 15px;
    padding: 15px
}

/* Aqui muda a cor do botao Salvar Alteracoes ao passar o mouse*/
button.fc-step__substep-save.button:hover {
    background: #027A48;
    color: white;
}

button#place_order {
    border-radius: 15px; /* Arredonda o Botao de Finalizar Compra */
    background-color: #20A679; /* Mudar a cor do Botao de Finalizar Compra */
}

button.button.alt.fc-place-order-button {
    border-radius: 15px; /* Arredonda o Botao de Finalizar Compra */
    background-color: #20A679; /* Mudar a cor do Botao de Finalizar Compra */
}

/* Mudar a cor do Botao de Finalizar Compra quando nao esta ativo para clicar. OBS tem que prencher os campos ai habilita */
button.button.alt.fc-place-order-button {
    background: #027A48 !important;
}

/*Personalizar botao de cupom*/
button.fc-coupon-code__apply.button {
    background: #027A48;
    color: white;
    border-radius: 15px;
}

/*Fim dos CSSs do Checkout*/

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border-radius: 15px;
    padding: 15px
}/* End custom CSS */