Виджет для обращения

<script src='https://pos.gosuslugi.ru/bin/script.min.js'></script> <style> #pos-banner-lock{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%}#pos-banner-lock .pos-banner{position:relative;width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:100%;min-width:220px;font-family:ALS Ekibastuz,sans-serif;box-shadow:0 2px 10px 2px rgba(0,0,0,.25);box-sizing:border-box}#pos-banner-lock .pos-banner *{box-sizing:border-box}#pos-banner-lock .pos-banner__text{font-style:normal;font-weight:700;font-size:16px;line-height:21px;color:#0066b3}#pos-banner-lock .pos-banner__button-wrap{text-align:center}#pos-banner-lock .pos-banner .pos-banner-btn{width:190px;max-width:100%;padding:9px;border:none;outline:0;border-radius:4px;background:#0066b3;color:#fff;font-family:Helvetica Neue,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:19px}#pos-banner-lock .pos-banner .pos-banner-btn:active,#pos-banner-lock .pos-banner .pos-banner-btn:focus,#pos-banner-lock .pos-banner .pos-banner-btn:hover{border:none;outline:0;cursor:pointer;background:#005ca1}#pos-banner-lock .pos-banner__hint-icon{position:absolute;top:16px;right:16px;display:flex;justify-content:center;align-items:center;width:22px;height:22px;background-color:#f5f5f5;text-align:center;font-family:Helvetica Neue,sans-serif;font-size:12px;font-weight:700;color:#3e3e3e;border:1px solid gray;border-radius:50%;cursor:pointer}#pos-banner-lock .pos-banner__hint-icon:hover~.pos-banner__hint-message{display:block;-webkit-animation:fadeInFromNone .5s ease-out;animation:fadeInFromNone .5s ease-out}#pos-banner-lock .pos-banner__hint-icon_center-right{top:initial;right:16px;bottom:16px;left:initial}#pos-banner-lock .pos-banner__hint-icon_center-right~.pos-banner__hint-message{top:100%;right:calc(16px - 3px);bottom:initial;left:initial}#pos-banner-lock .pos-banner__hint-icon_center-right~.pos-banner__hint-message:after{content:"";position:absolute;top:-5px;right:10px;bottom:initial;left:initial}#pos-banner-lock .pos-banner__hint-icon_center-left{top:initial;right:initial;bottom:16px;left:16px}#pos-banner-lock .pos-banner__hint-icon_center-left~.pos-banner__hint-message{top:100%;right:initial;bottom:initial;left:calc(16px - 3px)}#pos-banner-lock .pos-banner__hint-icon_center-left~.pos-banner__hint-message:after{content:"";position:absolute;top:-5px;right:initial;bottom:initial;left:10px}#pos-banner-lock .pos-banner__hint-icon_bottom-right{top:initial;right:16px;bottom:16px;left:initial}#pos-banner-lock .pos-banner__hint-icon_bottom-right~.pos-banner__hint-message{top:initial;right:calc(16px - 3px);bottom:calc(22px + 16px + 20px);left:initial}#pos-banner-lock .pos-banner__hint-icon_bottom-right~.pos-banner__hint-message:after{content:"";position:absolute;top:initial;right:10px;bottom:-5px;left:initial}#pos-banner-lock .pos-banner__hint-icon_bottom-left{top:initial;right:initial;bottom:16px;left:16px}#pos-banner-lock .pos-banner__hint-icon_bottom-left~.pos-banner__hint-message{top:initial;right:initial;bottom:calc(22px + 16px + 20px);left:calc(16px - 3px)}#pos-banner-lock .pos-banner__hint-icon_bottom-left~.pos-banner__hint-message:after{content:"";position:absolute;top:initial;right:initial;bottom:-5px;left:10px}#pos-banner-lock .pos-banner__hint-icon_top-left{top:16px;right:initial;bottom:initial;left:16px}#pos-banner-lock .pos-banner__hint-icon_top-left~.pos-banner__hint-message{top:calc(22px + 16px + 20px);right:initial;bottom:initial;left:calc(16px - 3px)}#pos-banner-lock .pos-banner__hint-icon_top-left~.pos-banner__hint-message:after{content:"";position:absolute;top:-5px;right:initial;bottom:initial;left:10px}#pos-banner-lock .pos-banner__hint-icon-symbol{background-color:transparent;font-size:14px;font-weight:400}#pos-banner-lock .pos-banner__hint-message{position:absolute;top:calc(22px + 16px + 20px);right:calc(16px - 3px);display:none;width:85%;padding:10px;background-color:#fff;color:#3e3e3e;font-family:Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.2;box-shadow:0 0 6px rgba(0,0,0,.2)}#pos-banner-lock .pos-banner__hint-message:after{content:"";position:absolute;top:-5px;right:10px;width:10px;height:10px;background:#fff;border-radius:1px;transform:matrix(-.7,-.8,.63,-.7,0,0)}@-webkit-keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes fadeInFromNone{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@font-face{font-family:"Als Ekibastuz Heavy";src:url('https://pos.gosuslugi.ru/bin/banner/als_ekibastuz_heavy-webfont.woff2') format("woff2"),url('https://pos.gosuslugi.ru/bin/banner/als_ekibastuz_heavy-webfont.woff') format("woff");font-weight:400;font-style:normal} </style> <style> #pos-banner-lock .b8{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;background:#fff}#pos-banner-lock .b8__content{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding:0 16px 16px 16px}#pos-banner-lock .b8__logo{position:absolute;top:63%;right:16px;width:22%}#pos-banner-lock .b8__text{margin-bottom:18px}#pos-banner-lock .b8__button-wrap{text-align:center}#pos-banner-lock .b8__bg-wrap{position:relative;width:100%;padding-bottom:16px}#pos-banner-lock .b8__bg{display:block;width:100%} </style> <div id="pos-banner-lock"> <div class="pos-banner b8"> <div class="b8__bg-wrap"> <img src="https://pos.gosuslugi.ru/bin/banner/banner-bg-8.png" alt="" class="b8__bg"> <img src="https://pos.gosuslugi.ru/bin/banner/logo-filled.svg" alt="" class="b8__logo"> </div> <div class="b8__content"> <div class="pos-banner__text b8__text"> Не решаются проблемы? Есть предложения? Пишите! </div> <div class="pos-banner__button-wrap b8__button-wrap"> <!-- pos-banner-btn не удалять; другие классы не добавлять --> <button type="button" class="pos-banner-btn" id="js-show-iframe-wrapper">Написать </button> </div> </div> <!--Hint--> <div class="pos-banner__hint-icon b8__hint-icon"> <span class="pos-banner__hint-icon-symbol">?</span> </div> <div class="pos-banner__hint-message"> Направляемые сообщения не являются обращениями граждан, рассматриваемыми в порядке, установленном Федеральным законом от 2 мая 2006 г. № 59-ФЗ «О порядке рассмотрения обращений граждан Российской Федерации». </div> <!--/Hint--> </div> </div> <script>Widget("https://pos.gosuslugi.ru/form", 221881)</script>