a.buttonOk {
    display: inline-block;
    padding: 0.3em 1.2em;
    margin: 0 0.3em 0.3em 0;
    border-radius: 2em;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: white;
    background-color: green;
    text-align: center;
    transition: all 0.2s;
}

a.buttonOk:hover {
    background-color: #84f14e;
    text-decoration: none
}

a.buttonOk:link {
    text-decoration: none;
}

a.buttonOk:visited {
    text-decoration: none;
}


a.buttonCancel {
    display: inline-block;
    padding: 0.3em 1.2em;
    margin: 0 0.3em 0.3em 0;
    border-radius: 2em;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: white;
    background-color: #8B2222;
    text-align: center;
    transition: all 0.2s;
}

a.buttonCancel:hover {
    background-color: #FF3333;
    text-decoration: none
}

a.buttonCancel:link {
    text-decoration: none;
}

a.buttonCancel:visited {
    text-decoration: none;
}

.multi-button {
    filter: drop-shadow(3px 10px 15px rgba(0, 0, 0, 0.45));
}

.multi-button button {
    height: 50px;
    width: 100px;
    font-weight: bold;
    color: white;
    font-size: var(--FormFontSize);
    border: none;
    margin: -2px;
    padding: 0;
    stroke: black;
    outline: none;
}

.multi-button :nth-child(1) {
    border-radius: 20px 0 0 20px;
    background: var(--green);
}

.multi-button :nth-child(2) {
    border-radius: 0 20px 20px 0;
    background: var(--red);
}

button:active {
    filter: none;
    transform: scale(.95);
}



.multi-button-disco{
    filter: drop-shadow(3px 10px 15px rgba(0, 0, 0, 0.45));
}

.multi-button-disco button {
    height: 150px;
    width: 500px;
    font-weight: bold;
    color: white;
    font-size: 2.4rem;
    border: none;
    margin: -5px;
    padding: 0;
    stroke: black;
    outline: none;
}

.multi-button-disco :nth-child(1) {
    border-radius: 80px 0 0 80px;
    background: var(--green);
}

.multi-button-disco :nth-child(2) {
    border-radius: 0 80px 80px 0;
    background: var(--red);
}



.multi-button2 {
    filter: drop-shadow(3px 10px 15px rgba(0, 0, 0, 0.45));
    margin-top: 10px;
    height: 0px;
}

.multi-button2 button {
    height: 50px;
    width: 150px;
    font-weight: bold;
    color: white;
    font-size: var(--FormFontSize);
    border: none;
    margin: -2.5px;
    padding: 0;
    stroke: black;
    outline: none;
}

.multi-button2 :nth-child(1) {
    border-radius: 20px 0 0 20px;
    background: var(--green);
}

.multi-button2 :nth-child(2) {
    border-radius: 0 20px 20px 0;
    background: var(--red);
}