.modal-container{float:left;padding-top:0;position:relative}.modal-container .modal-btn{font-size:12px;cursor:pointer;float:left;margin-left:8px}.modal-container .modal-content,.modal-container .modal-backdrop{height:0;width:0;opacity:0;visibility:hidden;overflow:hidden;cursor:pointer;transition:opacity .2s ease-in}.modal-container .modal-close{color:#aaa;position:absolute;right:5px;top:5px;padding-top:3px;background:#fff;font-size:16px;width:25px;height:25px;font-weight:bold;text-align:center;cursor:pointer}.modal-container .modal-close:hover{color:#333}.modal-container .modal-content-btn{position:relative;text-align:center;cursor:pointer;width:100%;display:block;background:#446cb3;color:#fff;width:100%;border-radius:2px;font-size:14px;height:32px;padding-top:9px;font-weight:normal}.modal-container .modal-content-btn:hover{color:#fff;background:#365690}.modal-container #modal-toggle{display:none}.modal-container #modal-toggle.active ~ .modal-backdrop,.modal-container #modal-toggle:checked ~ .modal-backdrop{background-color:rgba(0,0,0,0.6);width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:9;visibility:visible;opacity:1;transition:opacity .2s ease-in}.modal-container #modal-toggle.active ~ .modal-content,.modal-container #modal-toggle:checked ~ .modal-content{opacity:1;background-color:#fff;max-width:400px;width:400px;height:auto;padding:10px 30px;position:fixed;left:calc(50% - 200px);top:12%;border-radius:4px;z-index:999;pointer-events:auto;cursor:auto;visibility:visible;box-shadow:0 3px 7px rgba(0,0,0,0.6);font-size:12px}@media(max-width:400px){.modal-container #modal-toggle.active ~ .modal-content,.modal-container #modal-toggle:checked ~ .modal-content{left:0}}