.Button {
    box-shadow: 0px 8px 24px -4px rgba(127, 136, 150, 0.4);
    border-radius: 8px;

    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;

    border: 0;
    padding: 12px 24px 12px 24px;

    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-gap: 12px;

    align-items: center;
    justify-content: center;
}

.Button span {
    white-space: nowrap;
}

.ButtonPrimary svg * {
    fill: #FFFFFF;
}

.ButtonPrimary:not(.Button_disabled):hover {
    background: #5C0000;
}

.ButtonPrimary.Button_disabled {
    background: #BFC9DB;
    color: #E9EEF5;
}

.ButtonPrimary.Button_disabled svg * {
    fill: #E9EEF5;
}

.ButtonPrimary {
    background: linear-gradient(90deg, #5C0000 0%, #861515 52.13%, #C52F33 100%);
    color: #FFFFFF;
}

.ButtonSecondary {
    color: #5C0000;
}

.ButtonSecondary svg * {
    fill: #5C0000;
}


.ButtonPrimary svg * {
    fill: #FFFFFF;
}

.ButtonPrimary:not(.Button_disabled):hover {
    background: #5C0000;
}

.ButtonPrimary.Button_disabled {
    background: #BFC9DB;
    color: #E9EEF5;
}

.ButtonPrimary.Button_disabled svg * {
    fill: #E9EEF5;
}

.ButtonPrimary {
    background: linear-gradient(90deg, #5C0000 0%, #861515 52.13%, #C52F33 100%);
    color: #FFFFFF;
}