.toast-bottom {
    bottom: 0;
    margin-left: 0;
    margin-bottom: 5px;
}

/*#toast-container button.toast-close-button {*/
/*    width: unset;*/
/*}*/

#toast-container {
    --success-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 16.4C13.0869 16.4 16.4 13.0869 16.4 9C16.4 4.91309 13.0869 1.6 9 1.6C4.91309 1.6 1.6 4.91309 1.6 9C1.6 13.0869 4.91309 16.4 9 16.4ZM9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z" fill="%23fff" stroke="%23fff" stroke-width="0.4"/><path d="M5 9.17883L7.41959 11.5L12.8349 6.39342" stroke="%23fff" stroke-width="0.8"/></svg>');
    --error-icon: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.8125 4.37811L9.66016 10.8845H8.39697L8.24463 4.37811H9.8125ZM8.21924 12.8776C8.21924 12.6449 8.29118 12.4481 8.43506 12.2873C8.58317 12.1223 8.78418 12.0397 9.03809 12.0397C9.29622 12.0397 9.49723 12.1223 9.64111 12.2873C9.78499 12.4481 9.85693 12.6449 9.85693 12.8776C9.85693 13.1104 9.78499 13.3093 9.64111 13.4743C9.49723 13.6351 9.29622 13.7155 9.03809 13.7155C8.78418 13.7155 8.58317 13.6351 8.43506 13.4743C8.29118 13.3093 8.21924 13.1104 8.21924 12.8776Z" fill="%23FFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 16.4C13.0869 16.4 16.4 13.0869 16.4 9C16.4 4.91309 13.0869 1.6 9 1.6C4.91309 1.6 1.6 4.91309 1.6 9C1.6 13.0869 4.91309 16.4 9 16.4ZM9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z" fill="%23FFF" stroke="%23FFF" stroke-width="0.4"/></svg>');
    width: 100%;
    max-width: 600px;
}

#toast-container .toast-title {
    font-weight: 500;
}

#toast-container .toast-info {
    background-color: #497CCA;
    background-image: var(--error-icon) !important;
}

#toast-container .toast-success {
    background-color: #47A63A;
    background-image: var(--success-icon) !important;
}

#toast-container .toast-error {
    background-color: #EA4D56;
    background-image: var(--error-icon) !important;
}

#toast-container > div {
    opacity: 0.9;
    width: auto;
    margin: 0 11px 6px;
    background-position: 15px 15px;
    padding: 13px 42px 15px 48px;
    position: relative;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#toast-container > :hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container > div > button {
    position:absolute;
    right: 15px !important;
    top: 15px !important;
    width: 12px;
    height: 12px;
    font-size: 0;
    line-height: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.27983 6.16678L0 0.658772L0.637833 0L5.91449 5.5047L11.1911 0L11.829 0.658772L6.54915 6.16678L11.5092 11.3412L10.8714 12L5.91449 6.82887L0.957579 12L0.319747 11.3412L5.27983 6.16678Z" fill="white"/></svg>');
}

#toast-container > div a.js-cta {
    text-decoration: underline;
}
#toast-container > div a.js-cta:visited {
    color: white;
}
#toast-container > div a.js-cta:hover {
    color: white;
    text-decoration: none;
}

#toast-container > div a.btn-cta {
    display: inline-block;
    height: 22px;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 7px 4px;
    border: 1px solid white;
    margin: -3px 0 0 15px;
    font-weight: 200;
    text-transform: uppercase;
    text-decoration: none;
}



/** desktop rules **/
@media screen and (min-width: 992px) {
    .toast-bottom {
        margin-left: 15px;
        margin-bottom: 15px;
    }

    #toast-container > div {
        margin: 0 0 6px;
    }
}