.chatOn {
               padding: 5px;
               z-index: 99;
               cursor: pointer;
               box-shadow: 0px 0px 22px 0px;
               position: fixed;
               bottom: 23px;
               right: 20px;
               transition: .5s;
               width: 50px;
               border-radius: 100%;
               background-color: mediumvioletred;
           }

           /* The popup form - hidden by default */
           .chat-popup {
               display: none;
               position: fixed;
               bottom: 0;
               right: 15px;
               border: 3px solid #f1f1f1;
               z-index: 999;
               transition: 1s;
           }

           /* Add styles to the form container */
           .popup-form {
               width: 300px;
               padding: 10px;
               background-color: white;
           }

           /* Full-width input fields */
           .popup-form input[type=text],
           .popup-form input[type=password] {
               width: 100%;
               padding: 15px;
               margin: 5px 0 22px 0;
               border: none;
               background: #f1f1f1;
           }

           textarea {
               width: 100%;
               height: 120px;
               padding: 15px;
               margin: 5px 0 22px 0;
               border: none;
               background: #f1f1f1;
           }

           /* When the inputs get focus, do something */
           .popup-form input[type=text]:focus,
           .popup-form input[type=password]:focus {
               background-color: #ddd;
               outline: none;
           }

           /* Set a style for the submit/login button */
           .popup-form .button {
               background-color: darkslateblue;
               color: white;
               padding: 16px 20px;
               border: none;
               cursor: pointer;
               width: 49%;
               margin-bottom: 10px;
               opacity: 0.8;
           }

           /* Add a red background color to the chatOff button */
           .popup-form .chatOff {
               background-color: brown;
           }

           /* Add some hover effects to buttons */
           .popup-form .button:hover,
           .chatOn:hover,
           .chatOn:hover {

               transition: .5s;
           }

           .chatOn:hover,
           .chatOn1:hover {

               opacity: 1;
               width: 60px;
               transition: .5s;

           }