/* loader */
a.loader-default,
button.loader-default {
    width: 150px !important;
    height: 56px !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: var(--brand-green) !important;
    color: white !important;
    font-style: normal !important;
    text-decoration: none !important;
    border-radius: 7px !important;
    font-size: 14px !important;
    outline: none !important;
    outline: 0;
    border: none;
    cursor: pointer !important;
    position: relative !important;
    outline: none;
    border: 0;
    cursor: pointer;
    margin-top: 7px;
}

a.loader-default:focus,
button.loader-default:focus,
button[type="submit"].loader-default:focus {
    outline: none !important;
    background-color: var(--brand-green) !important;
}

a.loader-default--full,
button.loader-default--full {
    width: 100% !important;
}

a.loader-default.loader-default--primary:visited,
button.loader-default.loader-default--primary:visited {
    color: white !important;
}

body a.loader-default:hover,
body button.loader-default:hover {
    color: white !important;
    background-color: var(--brand-green) !important;
}

a.loader-default--primary,
button.loader-default--primary {
    background-color: var(--brand-green) !important;
    color: white !important;
    font-style: normal !important;
    text-decoration: none !important;
}

a.loader-default--primary:hover,
button.loader-default--primary:hover {
    color: white !important;
}

/* if loader-default is disabled don't use a cursor pointer */
a.loader-default:disabled,
button.loader-default:disabled {
    cursor: not-allowed !important;
    background-color: var(--brand-grey) !important;
    border: none !important;
}

/* if loader-default is disabled make sure the background is grey even on hover */
a.loader-default:disabled:hover,
button.loader-default:disabled:hover {
    background-color: var(--brand-grey) !important;
    border: none !important;
}

a.otslr-negative-action {
    color: var(--red);
    background-color: transparent;
    text-decoration: none;
}

.loader-default svg {
    margin-right: 10px !important;
    width: 28px !important;
    height: 28px !important;
}

@media (max-width: 768px) {
    .card-plan.loader-default {
        width: 100%;
        margin: 10px 0;
    }
}

.loader--inner-element {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.otslr-form-submit-button {
    padding: 20px 0;
}

button.otslr-form-submit-button {
    margin: 20px 0;
}