button {
    font-family: var(--drs-font-primary);
    border: none;
    border-radius: 32px;
    padding: calc(0.6 * 1em) calc(1.7 * 1em);
    margin: 0;
    text-decoration: none;
    font-size: var(--drs-text-md);
    font-weight: var(--drs-font-medium);
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, transform 150ms ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: var(--drs-primary-60);
    color: var(--drs-neutral-white);
}

button.secondary {
    background-color: var(--drs-neutral-white);
    color: var(--drs-primary-60);
    border: 1px solid var(--drs-primary-60);
}

button:hover,
button:focus-visible {
    background-color: var(--drs-primary-40);
    color: var(--drs-neutral-white);
}

button:focus-visible {
    outline: none;
}

button:active {
    opacity: 0.8;
    transform: scale(0.98);
    background-color: var(--drs-success-70);
    color: var(--drs-primary-40);
}