Personalizar botão de adicionar ao carrinho – Script Shopify

1 – Acesse o arquivo base.css do seu tema

2 – Adicione o código abaixo na ultima linha do arquivo

Site para escolher a cor: https://htmlcolorcodes.com/

Script

/* INICIO - PERSONALIZAR ADICIONAR AO CARRINHO */

/* ALTERAR COR BOTÃO */
.product-form__buttons .product-form__submit {
  background-color: #4169E1!important;
  color: white !important;
}
/* ALTERAR COR BOTÃO */

/* ARREDONDAR BOTÃO */
.product-form__buttons .product-form__submit {
  border-radius: 30px;
}
.product-form__buttons .product-form__submit:after {
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0)!important;
}
/* ARREDONDAR BOTÃO */

/* INICIO CODIGO - BOTÃO PULSANTE */
.product-form__buttons {
  animation: scaler 0.4.5s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

@keyframes scaler { 
  0% { transform: scale(1); }
  100% { transform: scale(1.05); }
}
/* BOTÃO PULSANTE */

/* FIM - PERSONALIZAR ADICIONAR AO CARRINHO */
Esse tutorial foi util?