vn-snackbar > div { box-sizing: border-box; background-color: #333; color: white; position: fixed; bottom: 0; left: 50%; width: 20em; margin-left: -10em; padding: 1em; border-top-left-radius: .2em; border-top-right-radius: .2em; transform: translateY(10em); transition: transform 300ms ease-in-out; z-index: 100; box-shadow: 0 0 .4em rgba(1,1,1,.4); &.shown { transform: translateY(0); } &.notice { background-color: #1e88e5; & > button { color: rgba(1, 1, 1, 0.6); } } &.error { background-color: #c62828; & > button { color: rgba(1, 1, 1, 0.6); } } & > button { cursor: pointer; float: right; text-transform: uppercase; border: none; background-color: transparent; font-weight: bold; color: #ffab40; padding: 1em; margin: -1em; padding-left: 1.5em; margin-left: 0; } }