/* Importamos las variables. */
@import url('../variables.css');

.error-toaster-container {
    background-color: var(--color-red-light);
    border: 5px solid var(--color-red);
    border-radius: 24px;
    color: var(--color-red-dark);
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 3%;
    bottom: 10%;
    padding: 1% 4%;
}

.success-toaster-container {
    background-color: var(--color-green-light);
    border: 5px solid var(--color-green);
    border-radius: 24px;
    color: var(--color-green-dark);
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 3%;
    bottom: 10%;
    padding: 1% 4%;
}
/* Importamos las variables. */
@import url('../variables.css');

.error-toaster-container {
    background-color: var(--color-red-light);
    border: 5px solid var(--color-red);
    border-radius: 24px;
    color: var(--color-red-dark);
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 3%;
    bottom: 10%;
    padding: 1% 4%;
}

.success-toaster-container {
    background-color: var(--color-green-light);
    border: 5px solid var(--color-green);
    border-radius: 24px;
    color: var(--color-green-dark);
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 3%;
    bottom: 10%;
    padding: 1% 4%;
}