.agpfb { &__wrapper { position: fixed; top: 0px; left: 0px; width: 100vw; z-index: 9999; background-color: rgba(0, 0, 0, 0.8); box-sizing: border-box; overflow-x: hidden; * { box-sizing: border-box; } } &__container { width: 100%; position: relative; height: 100vh; overflow: scroll; padding-left: 16px; padding-right: 16px; padding-top: 64px; padding-bottom: 3rem; @media screen and (min-width: 800px) { padding-left: 32px; padding-right: 32px; } } &__row { display: flex; position: relative; z-index: 1; max-width: 500px; background-color: white; margin-left: auto; margin-right: auto; border-radius: 3px; } &__background { z-index: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } &__heading { margin: 0px; text-transform: uppercase; font-size: 15px; font-weight: 700; padding: 15px 30px; box-shadow: 0 0 8px rgba(0,0,0,.1); } &__body { padding: 20px 30px 30px 30px; } &__title { margin-top: 0px; font-weight: 700; font-size: 15px; color: #495157; line-height: 1.4; } &__question { width: calc(100% - 32px); margin-top: 10px; margin-left: 32px; } &__selectContainer { margin-bottom: 15px; } &__container .agpfb__radio { margin-right: 16px; margin-top: 0px; flex-shrink: 0; } &__footer { margin-top: 30px; display: flex; flex-direction: column; align-items: flex-start; @media screen and (min-width: 800px) { flex-direction: row; align-items: center; justify-content: space-between; } } &__skip { font-size: 12px; color: #a4afb7 !important; cursor: pointer; margin-top: 8px; @media screen and (min-width: 800px) { margin-top: 0px; margin-left: 10px; } } &__label { display: block; } &__select { display: flex; align-items: flex-start; } }