.paragraph2 { font-size: 12px; } /* The popup form - hidden by default */ .form-popup { display: none; position: fixed; bottom: 80px; right: 15px; border: 3px solid #f1f1f1; z-index: 1009; box-shadow: 5px 5px 8px #808080; } /* Add styles to the form container */ .form-container { max-width: 300px; padding: 10px; background-color: white; } /* Full-width input fields */ .form-container input[type=text], .form-container input[type=password] { width: 100%; padding: 15px; margin: 5px 0 22px 0; border: none; background: #f1f1f1; } /* When the inputs get focus, do something */ .form-container input[type=text]:focus, .form-container input[type=password]:focus { background-color: #ddd; outline: none; } /* Set a style for the submit/login button */ .form-container .btn { background-color: #4CAF50; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 100%; margin-bottom: 10px; opacity: 0.8; } /* Add a red background color to the cancel button */ .form-container .cancel { background-color: red; } /* Add some hover effects to buttons */ .form-container .btn:hover, .open-button:hover { opacity: 1; } .hoverbutton { background-color: #4CAF50; border: none; color: white; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; border-radius: 50%; position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; z-index: 1000; vertical-align: middle; box-shadow: 5px 5px 8px #808080; }