#cwwb {
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	width: 50%;
	background: rgba(0,0,0,85);
	padding: 15px;
	border-top-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-top-left-radius: 20px;
	color: #ccc;
	line-height: 18pt;
	opacity: 0;
    animation-delay: .5s;
	animation: show .5s linear;
	animation-fill-mode: forwards;
	-webkit-animation-delay: 2s;
	box-shadow: 0px 0px 25px #232323;
	border-top: 5px solid #232323;
	border-left: 5px solid #232323;
}

#cwwb a { color: #fff; text-decoration: none; }
#cwwb a { color: yellow; }
#cwwb button { background: none; border: none; padding: 10px 10px; margin-top: -10px; }

#cwwb .text { width: 90%; float: left; text-align: justify; padding-right: 10px; font-size: 12pt; }
#cwwb .button { width: 10%; float: right; padding-top: 10px; padding-left: 10px; text-align: right: }

@keyframes show {
  0% {
    display: block;
    opacity: 0;
    right: -33%;
  }
  99% {
    display: block;
  }
  100% {
    display: none;
    right: 0px;
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
	#cwwb {
		width: 100%;
		bottom: 0px;
		border-radius: 0px;
		-webkit-boder-radius: 0px;
		-moz-border-radius: 0px;
	}
}