/* Botões produto e carrinho */
:root {
  --btn-add-cart-2023: #6c757d;
  --btn-add-cart-hover-2023: #5a6268;
  --btn-comprar-2023: #C31343;
  --btn-comprar-hover-2023: #A51039;
}

/* Página de produto - Adicionar ao Carrinho */
.why_section .btn-add-cart-2023,
.why_section form .btn-add-cart-2023,
body.sub_page .btn-add-cart-2023 {
  background-color: var(--btn-add-cart-2023) !important;
  border-color: var(--btn-add-cart-2023) !important;
  color: #fff !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.why_section .btn-add-cart-2023:hover,
.why_section form .btn-add-cart-2023:hover,
body.sub_page .btn-add-cart-2023:hover {
  background-color: var(--btn-add-cart-hover-2023) !important;
  border-color: var(--btn-add-cart-hover-2023) !important;
  color: #fff !important;
}

/* Página de produto - Comprar Agora */
.why_section .btn-comprar-agora-2023,
.why_section form .btn-comprar-agora-2023,
body.sub_page .btn-comprar-agora-2023 {
  background-color: var(--btn-comprar-2023) !important;
  border-color: var(--btn-comprar-2023) !important;
  color: #fff !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.why_section .btn-comprar-agora-2023:hover,
.why_section form .btn-comprar-agora-2023:hover,
body.sub_page .btn-comprar-agora-2023:hover {
  background-color: var(--btn-comprar-hover-2023) !important;
  border-color: var(--btn-comprar-hover-2023) !important;
  color: #fff !important;
}

/* Página do carrinho - Continuar Comprando (carrinho vazio) e Finalizar Compra */
.why_section .btn-carrinho-2023,
body.sub_page .btn-carrinho-2023 {
  background-color: var(--btn-comprar-2023) !important;
  border-color: var(--btn-comprar-2023) !important;
  color: #fff !important;
}
.why_section .btn-carrinho-2023:hover,
body.sub_page .btn-carrinho-2023:hover {
  background-color: var(--btn-comprar-hover-2023) !important;
  border-color: var(--btn-comprar-hover-2023) !important;
  color: #fff !important;
}

/* Botões produto - layout mobile: um abaixo do outro, 100% largura */
@media (max-width: 767px) {
  .produto-buttons-wrapper-2023,
  .why_section .produto-buttons-wrapper-2023 {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    align-items: stretch !important;
    width: 100% !important;
  }
  .produto-buttons-wrapper-2023 .cart-form,
  .produto-buttons-wrapper-2023 form {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .produto-buttons-wrapper-2023 .btn-add-cart-2023,
  .produto-buttons-wrapper-2023 .btn-comprar-agora-2023,
  .produto-buttons-wrapper-2023 form .btn-add-cart-2023,
  .produto-buttons-wrapper-2023 form .btn-comprar-agora-2023,
  .why_section .produto-buttons-wrapper-2023 .btn-add-cart-2023,
  .why_section .produto-buttons-wrapper-2023 .btn-comprar-agora-2023 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }
}