button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
    color: #fff;
    background-color: var(--primary);
    padding: 14px 21px;
    cursor: pointer;
    border-width: 3px;
    border-color: var(--primary);
    border-style: solid;
    border-radius: 40px;
    font-size: var(--font-size-lg);
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: normal;
    width: auto;
    display: inline-flex;
    align-items: center;
}

button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.button:focus,
.button:hover {
    background-color: var(--primary);
    color: #fff;
}

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
    padding: 7px 15px;
    font-size: var(--font-size-base);
}