.button a {
    border-radius: 1.3714rem;
    padding: 1.3714rem 2.0571rem;
}

.button span {
    font-size: 1.2857rem;
    font-weight: 500;
    line-height: 2.0571rem;
}

.button .elementor-button-wrapper {
    z-index: 2;
    position: relative;
}

.button-1 a {
    background-color: var(--button-1-background-color);
}

.button-1 a:hover {
    background-color: var(--button-hover-1-background-color);
}

.button-1 span {
    color: var(--button-text-color);
}

.button-2 a {
    background-color: var(--button-2-background-color);
}

.button-2 a:hover {
    background-color: var(--button-hover-2-background-color);
}

.button-2 span {
    color: var(--button-text-color);
}

.button-3 a {
    background-color: var(--button-3-background-color);
}

.button-3 a:hover {
    background-color: var(--button-hover-3-background-color);
}

.button-3 span {
    color: var(--button-text-color);
}

.button-3 a:hover span {
    color: var(--button-text-secondary-color);
}

.button-4 a {
    background-color: var(--button-4-background-color);
}

.button-4 a:hover {
    background-color: var(--button-hover-4-background-color);
}

.button-4 span {
    color: var(--button-text-secondary-color);
}

.button-4 a:hover span {
    color: var(--button-text-color);
}

.button-5 a {
    background-color: rgba(255, 255, 255, 0.3);
}

.button-5 a:hover {
    background-color: white;
}

.button-5 span {
    color: white;
}

.button-5 a:hover span {
    color: #E73443;
}

.arrow-white .elementor-button-text::after {
    content: url(../sgv/arrow_forward_white.svg);
}

.arrow-red .elementor-button-text::after {
    content: url(../sgv/arrow_forward_red.svg);
}

.button-arrow .elementor-button-text {
    display: flex !important;
    align-items: center;
    gap: 1.0286rem;
    transition: all 300ms ease-out;
}

.button-arrow a:hover .elementor-button-text {
    gap: 2rem;
}

.button-arrow .elementor-button-text::after {
    height: 2.0571rem;
    width: 2.0571rem;
}

.button-arrow.button-3 a:hover .elementor-button-text::after {
    content: url(../sgv/arrow_forward_red.svg);
}

.button-arrow.button-4 a:hover .elementor-button-text::after {
    content: url(../sgv/arrow_forward_white.svg);
}

.button-arrow.button-5 a:hover .elementor-button-text::after {
    content: url(../sgv/arrow_forward_red.svg);
}

button.small-button {
    font-size: 1.2857rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.7143rem; /* 133.333% */
    border-radius: 8px;
    padding: .8571rem 1rem !important;
}

a.red, span.red, h5.red, .small-button.red {
    color: var(--button-text-color) !important;
    background-color: #640C00 !important;
}

.red-button {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #640C00;
    color: #FFF !important;
    font-size: 1.2857rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.7143rem;
    border: none;
}

.button-product-see {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 5.76px;
    border-radius: 15.36px;
    background: #324E58;
    color: #FFF !important;
    font-size: 1.2343rem;
    font-weight: 500;
    line-height: 1.6457rem; /* 133.333% */
}

.button-product-see::after {
    content: url(../sgv/arrow_medium_white.svg);
    width: 24px;
    height: 24px;
}

.button-product-see:hover {
    background: #E73443;
}

.similar-product .red-button {
    padding: 12px 24px !important;
}

.contact-form .red-button {
    padding: 12px 24px !important;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .red-button {
        font-size: 12px;
        line-height: 14px;
    }
}