.popupp-trigger{display:block;max-width:400px;margin:1em auto;text-align:left;color:#fff;font-size:15px;padding:1rem .6rem;text-decoration:none;border-radius:50em;background:#35a785;transition:300ms all}
.popupp-trigger:hover{opacity:.99;color:#c5c5c5}
.popup-trigger:hover{opacity:.8}
.popup{position:fixed;left:0;top:0;height:100%;z-index:1000;width:100%;background-color:#bd8d3c75;opacity:0;visibility:hidden;transition:500ms all}
.popup.is-visible{opacity:1;visibility:visible;transition:1s all}
.popup-container{transform:translateY(-50%);transition:500ms all;position:relative;width:100%;z-index:1;padding:1.5rem;background:#fff;border-radius:.25em .25em .4em .4em;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2)}
.is-visible .popup-container{transform:translateY(0);transition:500ms all}
.popup-container .popup-close{position:absolute;top:26px;font-size:0;right:8px;width:30px;height:30px}
.popup-container .popup-close::before,.popup-container .popup-close::after{content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#8f9cb5}
.popup-container .popup-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px}
.popup-container .popup-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px}
.popup-container .popup-close:hover:before,.popup-container .popup-close:hover:after{background-color:#35a785;transition:300ms all}