.c-bottom-msgs
{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    box-sizing: border-box;
    padding: 0 .8333333333em;
    text-align: left;
    transform: translate3d(0,0,0);
}
.c-bottom-msgs *
{
    box-sizing: border-box;
}
.c-bottom-msg
{
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 50%;
    padding: .9375em 2.5em .9375em 4em;
    width: 25em;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    border-left: 3px solid #ff575b;
    border-radius: .1875em;
    background-color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    transform: translate3d(-50%,0,0);
    transition: transform .25s ease-in-out;
}
.c-bottom-msg.is-shown
{
    box-shadow: 0 0 1.5em 0 rgba(0,0,0,.31);
    transform: translate3d(-50%,calc(-100% - 15px),0);
}
.c-bottom-msg::before
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.125em;
}
.c-bottom-msg__text
{
    text-transform: none;
    font-family: "Roboto",sans-serif;
    font-size: .875em;
    line-height: 1.2;
    color: #002c44;
}
.c-bottom-msg__close
{
    position: absolute;
    top: 50%;
    right: 1.3125em;
    cursor: pointer;
    width: .9375em;
    height: .9375em;
    transform: translateY(-50%);
}
.c-bottom-msg__close::before, .c-bottom-msg__close::after
{
    content: "";
    position: absolute;
    width: .0625em;
    height: 1em;
    background-color: #a5a5a5;
    left: .5em;
}
.c-bottom-msg__close::before
{
    transform: rotate(45deg);
}
.c-bottom-msg__close::after
{
    transform: rotate(-45deg);
}
.c-bottom-msg--danger::before
{
    content: "";
    width: 1.25em;
    height: 1.25em;
    background: url("../../willbettingde/image/icon-warning.svg") no-repeat center;
    background-size: contain;
}