:root {
    --work-sans-serif: "Work Sans", Arial, Helvetica, sans-serif;
}

.button-primary {
    line-height: 17.5px;
    padding: 9.25px 42px;
}

.button-primary {
    border-radius: 19px;
    border-width: 1px;
    border-style: solid;
    border-color: var( --primary-color-p50);
    background-color: var(--primary-color-p50);
    font-family: var(--work-sans-serif);
    font-size: 0.8125rem;
    color: var(--secondary-neutral-sn-white);
    line-height: 17.5px;
    padding: 9.25px 42px;
}

    .button-primary:hover,
    .button-primary:active,
    .button-primary:focus-visible,
    .button-primary:focus {
        background-color: var(--primary-color-p40);
    }

    a.button-primary {
        text-decoration: none;
        color: #FFFFFF;
    }

        a.button-primary:hover,
        a.button-primary:active,
        a.button-primary:focus-visible,
        a.button-primary:focus {
            text-decoration: none;
            color: #FFFFFF;
        }