.response{
position: fixed;
left: 65%;
bottom: 0px;
z-index: 99;
margin-bottom: -550px;
transition: all 500ms;
animation: example 2000ms 3000ms;
opacity: 0.8;
}
@keyframes example{
0% {
margin-bottom: -550px;
}
20%, 80% {
margin-bottom: -500px;
opacity: 1;
}
100% {
margin-bottom: -550px;
}
}
.response:hover {
opacity: 1;
margin-bottom: -10px;
}
.open {
padding: 5px 5px 5px 20px;
background-color: #F8CC07;
border-radius: 50px 50px 0px 0px;
display: block;
width: 35px;
margin-left: 47px;
}
.form {
width: 500px;
background-color: #f9f9f9;
margin: 0px 0px 0px 48px;
padding: 20px 40px;
}
.easyforms-container {
background-color: white;
border: none;
} |