.elementor-10 .elementor-element.elementor-element-9d277f0{--display:flex;--min-height:69vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-9d277f0{--min-height:0vh;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for shortcode, class: .elementor-element-fa2a374 *//*CSS para personalizar o botão de avanço de etapas do Fluid Checkout */
.has-checkout-layout--multi-step .fc-step__actions .fc-step__next-step {
    margin: 0;
    min-width: 280px;
    width: 100%;
    background: #000000; /* aqui coloque a cor de fundo em RGB que desejar */
    color: white; /* Cor do texto*/
    border-radius: 8px; /* 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: #000000 !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: #0A0A0A !important;
    color: white !important;
}

/* Aqui muda a cor do botao Salvar Alteracoes e arredonda as bordas*/
button.fc-step__substep-save.button {
    background: #000000;
    color: white;
    border-radius: 30px;
}

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

/* Aqui muda a cor do botao Finalizar Pedido e arredonda as bordas*/
button#place_order {
	background: #098d18;
  color: white;
  border-radius: 30px;
}

/* Aqui muda a cor do botao Finalizar Pedido ao passar o mouse */
button#place_order:hover {
	background: #000000;
  color: white; 
}

/* Aqui muda a cor do botao Aplicar Cupom e arredonda as bordas*/
button.fc-coupon-code__apply.button {
	background: #000000;
  color: white;
  border-radius: 30px;
}

/* Aqui muda a cor do botao Aplicar Cupom Pedido ao passar o mouse */
button.fc-coupon-code__apply.button:hover {
	background: #000000;
  color: white; 
}/* End custom CSS */