.toast{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);background:-webkit-linear-gradient(315deg,#34495e,#2c3e50);background:linear-gradient(135deg,#34495e,#2c3e50);position:fixed;top:-150px;right:15px;opacity:0;transition:all 0.4s cubic-bezier(.215,.61,.355,1);border-radius:50px;cursor:pointer}.toast.on{opacity:1}