.poll-main-container { z-index: 9999; width: 100%; max-width: 100%; height: fit-content; position: sticky; position:-webkit-sticky; bottom: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } .poll-container { position: relative; min-height: fit-content; width: 40%; max-width: 100%; background: #cc0000; background: radial-gradient(circle, rgba(204,0,0,1) 0%, rgba(140,0,0,1) 100%); -webkit-box-shadow: 0 0 27px 2px #484848; -moz-box-shadow: 0 0 27px 2px #484848; box-shadow: 0 0 27px 2px #484848; padding-top: 3vh; } .poll-question { color: #fff; display: flex; flex-direction: row; justify-content: center; align-items: center; } .poll-question-text { font-size: 1.2rem; margin: 0; padding: 0; color: #fff; } .poll-question-mark { font-size: 1.2rem; } .poll-question-texts { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 2vh; } .poll-answers { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: row; justify-content: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-left: 7.5%; padding-right: 7.5%; padding-bottom: 8vh; } .poll-close { position: absolute; top: 10px; right: 10px; color: #fff; } @media screen and (max-width: 480px) { .poll-container { width: 100%; } }