.button {
    border: none;
    border-radius: 10px;
    padding: 10px;
    height: 46px;
    font-size: 16px;
    font-weight: 700;
    transition: filter 0.2s ease;
}

.buttonWidth100 {
    width: 100%;
}

.buttonWidth80 {
    width: 80%;
}

.buttonColorPrimary {
    color: var(--white);
    background: var(--wine-darkest);
    background: linear-gradient(180deg, var(--wine-darkest) 0%, var(--wine-dark) 100%);
}

.buttonColorSecondary {
    color: var(--black);
    background: var(--wine-darkest);
    background: linear-gradient(180deg, var(--white-darkest) 0%, var(--white-dark) 100%);
}

.buttonColorPlain {
    color: var(--black);
}

.buttonColorSuccess {
    color: var(--white);
    background: var(--green);
    background: linear-gradient(180deg, var(--green) 0%, var(--green-darkest) 100%);
}

.buttonColorError {
    color: var(--white);
    background: var(--red);
    background: linear-gradient(180deg, var(--red) 0%, var(--red-darkest) 100%);
}

.buttonColorLink {
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: var(--wine-red);
    background: transparent;
}

.button:hover {
    filter: brightness(1.3);
    cursor: pointer;
}
