Olá pessoal, gostaria de saber como faço pra remover esse serrilhado branco que fica nas curvas do botão após colocar o border-radius.
Vou deixar aqui o código css do botão.
.btn-theme, .shopify-payment-button .shopify-payment-button__button--unbranded, .spr-summary-actions-newreview, .rte .btn-theme, .rte .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .rte .shopify-payment-button__button--unbranded, .rte .spr-summary-actions-newreview {
padding: var(--g-padding-ver-btn) var(--g-padding-hoz-btn);
display: inline-block;
width: auto;
text-decoration: none;
text-align: center;
vertical-align: middle;
white-space: nowrap;
cursor: pointer;
border: 1px solid #6e2333;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-transform: var(--g-text-transform-btn);
font-size: var(--g-font-size-btn);
line-height: 18px;
font-weight: var(--g-font-weight-btn);
background-color: transparent;
color: #fff;
font-family: var(--g-font-family_btn);
letter-spacing: var(--g-font-spacing-btn);
border-radius: var(--g-font-radius-btn);
position: relative;
overflow: hidden;
} .btn-theme, .shopify-payment-button .shopify-payment-button__button--unbranded, .spr-summary-actions-newreview { z-index: 1; } .btn { cursor: pointer; border-radius: 0; }