.popup{position:absolute;left:50%}button{outline:0;cursor:pointer;font-weight:500;border-radius:4px;border:2px solid transparent;transition:background .1s linear,border-color .1s linear,color .1s linear}.popup{background:#fff;padding:15px 15px;top:-120%;width:280px;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(1.2);transition:top 0s .2s ease-in-out,opacity .2s 0s ease-in-out,transform .2s 0s ease-in-out}.popup:is(header,.icons,.field){display:flex;align-items:center;justify-content:space-between}.popup header{padding-bottom:15px;border-bottom:1px solid #ebedf9}header span{font-size:16px;font-weight:500;color:#448531}header .close{display:flex;align-items:center;border-radius:50%;justify-content:center;transition:all .3s ease-in-out}header .close{color:#fff;font-size:17px;background:#5b74a9;height:33px;width:33px;float:right;cursor:pointer}header .close:hover{background:#ebedf9}.popup .content{margin:20px 0}.content p{font-size:16px}@media (min-width:481px) and (max-width:767px){.popup{width:300px;height:300px}}