/* --- MODAL BUTTONS --- */

.modalButtons button {
    padding: 10px 35px 10px 35px;
    border-radius: 24px;
    border: 2px;
}

/* default */
.modalButtons .cancelButton {
    font-family: 'Riot Sans';
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border: solid 2px #DF3B43;
    background-color: #FFFFFF;
    color: #DF3B43;
}

.modalButtons .confirmButton {
    color: #F1F5F1;
    font-family: 'Riot Sans';
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    background: linear-gradient(90deg, #FF4655 0%, #D1363A 97.5%);
}

.modalButtons .confirmButton:hover:not([disabled]) {
    background: #C62833;
}

.modalButtons .confirmButton:disabled {
    border-color: #7B7B7B;
    background: #7B7B7B;
}

/* lol */
body.LOLGameTheme .modalButtons .cancelButton {
    font-family: 'Beaufort for LOL';
    font-size: 20px;
    font-style: italic;
    font-weight: 900;
    text-align: center;
    border: solid 2px #4500D5;
    background-color: #FFFFFF;
    color: #4500D5;
}

body.LOLGameTheme .modalButtons .confirmButton {
    font-family: 'Beaufort for LOL';
    font-size: 20px;
    font-style: italic;
    font-weight: 900;
    text-align: center;
    background: linear-gradient(90deg, #6146E9 0%, #432AC0 97.5%);
}

body.LOLGameTheme .modalButtons .confirmButton:hover:not([disabled]) {
    background: #432AC0;
}

body.LOLGameTheme .modalButtons .confirmButton:disabled {
    border-color: #7B7B7B;
    background: #7B7B7B;
}

/* valorant */
body.VALGameTheme .modalButtons .cancelButton {
    font-family: 'Tungsten';
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    border: solid 2px #FF4655;
    background-color: #FFFFFF;
    color: #FF4655;
}

body.VALGameTheme .modalButtons .confirmButton {
    font-family: 'Tungsten';
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    background: #FF4655;
}

body.VALGameTheme .modalButtons .confirmButton:hover {
    background: #E63F4D;
}

body.VALGameTheme .modalButtons .confirmButton:disabled {
    border-color: #626262;
    background-color: #626262;
}

/* tft */
body.TFTGameTheme .modalButtons .cancelButton {
    font-family: 'Maleo';
    font-size: 20px;
    font-weight: 700;
    line-height: 28.4px;
    text-align: center;
    border: solid 2px #FF6934;
    background-color: #FFFFFF;
    color: #FF6934;
}

body.TFTGameTheme .modalButtons .confirmButton {
    font-family: 'Maleo';
    font-size: 20px;
    font-weight: 700;
    line-height: 28.4px;
    text-align: center;
    background: #FF6934;
}

body.TFTGameTheme .modalButtons .confirmButton:hover {
    background: #E65C2B;
}

body.TFTGameTheme .modalButtons .confirmButton:disabled {
    border-color: #626262;
    background-color: #626262;
}

/* nfmodal */
body.LOLGameTheme .slds-modal .confirmButton {
    color: #FFFFFF !important;
    background: linear-gradient(90deg, #6146E9 0%, #432AC0 97.5%) !important;
}

body.LOLGameTheme .slds-modal .cancelButton {
    color: #432AC0 !important;
    background: #FFFFFF !important;
    border: solid 2px #432AC0 !important;
}

body.LOLGameTheme .slds-modal .confirmButton:hover {
    color: #ffffff !important;
    background: #432AC0 !important;
}

body.VALGameTheme .slds-modal .confirmButton {
    color: #FFFFFF !important;
    background: #FF4655 !important;
}

body.VALGameTheme .slds-modal .cancelButton {
    color: #FF4655 !important;
    background: #FFFFFF !important;
    border: solid 2px #FF4655 !important;
}

body.VALGameTheme .slds-modal .confirmButton:hover {
    color: #ffffff !important;
    background: #E63F4D !important;
}

body.TFTGameTheme .slds-modal .confirmButton {
    color: #FFFFFF !important;
    background: #FF6934 !important;
}

body.TFTGameTheme .slds-modal .cancelButton {
    color: #FF6934 !important;
    background: #FFFFFF !important;
    border: solid 2px #FF6934 !important;
}

body.TFTGameTheme .slds-modal .confirmButton:hover {
    color: #ffffff !important;
    background: #E65C2B !important;
}

/* END MODAL */