.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}

.importan{width: 100%; height: 100vh; background:rgb(0, 0, 0, 0.2); position:fixed; top:0; left: 0; z-index: 9999; display:flex; justify-content: center; align-items: center;}
.importan > div{background:white; border-radius:5px; width: 50%; height: auto;}
.importan > div > h3{background:#285AEB; color:white; text-align: center; padding:15px 15px 10px; border-radius:5px 5px 0 0;}
.importan > div > span{ display:block; padding:10px 15px; color:rgba(0,0,0,0.8); word-spacing:0.5em; font-weight: 600; letter-spacing:0.2em; line-height:1.5em; font-family: Arial, Helvetica, sans-serif; text-align: center;}
.importan > div > div{display:flex; justify-content: center; align-items: center; padding:5px 0 20px;}
.importan > div > div > button{ display:block; border:none; background:greenyellow; color: white; letter-spacing:0.15em; border-radius: 5px; padding:8px 15px; font-family: Arial, Helvetica, sans-serif; font-weight: 600; cursor:pointer; margin:10px 0 auto 0;}

@media (max-width: 600px){
	.importan > div{width: 95%; height: auto; overflow: auto;}
	.importan > div > h3{background:#285AEB; color:white; text-align: center; padding:10px 10px 6px; border-radius:5px 5px 0 0;}
	.importan > div > span{ display:block; padding:10px 15px; color:rgba(0,0,0,0.8); word-spacing:0.2em; letter-spacing:0.1em; line-height:1.3em;}
	}