.div_modal_poll{ border-top-right-radius: 6px; border-top-left-radius: 6px; background-color: #4e3a97; padding: 20px; text-align: center; display: block; z-index: 999999999; position: fixed; bottom: -500px; opacity: 0; width: 500px; left: 50%; height: 260px; margin-left: -275px; color: #fff; font-family: ibm plex sans,sans-serif; letter-spacing: -.3px; transition: 1s bottom; -webkit-box-shadow: 0 0 27px 2px rgb(72, 72, 72); -moz-box-shadow: 0 0 27px 2px rgb(72, 72, 72); box-shadow: 0 0 27px 2px rgb(72, 72, 72); background: rgb(24,102,163); background: -moz-linear-gradient(315deg, rgba(24,102,163,1) 0%, rgba(117,93,203,1) 100%); background: -webkit-linear-gradient(315deg, rgba(24,102,163,1) 0%, rgba(117,93,203,1) 100%); background: linear-gradient(315deg, rgba(24,102,163,1) 0%, rgba(117,93,203,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1866a3",endColorstr="#755dcb",GradientType=1); -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; } .button_modal_poll_close{ color: #fff; font-size: 24px; cursor: pointer; float: right; padding: 10px; position: absolute; right: 13px; top: 13px; } .button_modal_poll_close:hover{ color: #f3caff; } .button_modal_poll{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; background: transparent; min-width: 100px; padding:5px; border: 1px solid #fff; color: #fff; background-color: transparent; border-radius:5px; margin-bottom:5px; font-weight: 600; font-size: 14px; } /*.button_modal_poll:hover{ color: #000000; background-color: #fff; }*/ .button_modal_poll:active,.button_modal_poll:focus{ color: #000000; background-color: #fff; } #nxt_poll_question_span{ margin:15px 0; } #nxt_poll_question_options{ font-size:16px; } .button_modal_see_results{ color: #3963b1; text-decoration: underline; background: #ffffff; border-radius: 3px; padding: 8px 20px; margin-top: 6px; font-size: 14px; display: inline-block; font-weight: 600; } @media screen and (max-width: 480px) { .div_modal_poll { width: 100%; box-sizing: border-box; margin-left: 0px; left: 0; } }