.snackbar {z-index:-10;position:fixed;left:-100%;bottom:10px;height:50px;padding:0 48px 0 25px;background-color:rgba(153,153,153,.9);border-radius:25px;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.snackbar.show {z-index:2000;opacity:1;left:15px;right:15px}
.snackbar.hide {-webkit-transform:translateX(0);transform:translateX(0)}
.snackbar a {display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:50px}
.snackbar .text {font-size:13px;color:#fff;-ms-flex-item:align-center;align-self:center}
.snackbar .button.close {overflow:hidden;position:absolute;right:0;top:50%;width:43px;height:30px;color:transparent;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.snackbar .button.close::before {content:'';display:block;position:absolute;left:50%;top:50%;width:13px;height:13px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cline stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' x1='0' y1= '0' x2='20' y2='20'/%3E%3Cline stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' x1='20' y1= '0' x2='0' y2='20'/%3E%3C/svg%3E%3C/svg%3E");background-size:cover;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}