#survey-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);z-index:9999}.survey-box{background:#fff;width:100%;max-width:500px;margin:120px auto;padding:25px;position:relative}div#survey-message{text-align:center;font-size:18px;color:var(--brown-color);font-weight:600;margin:20px 0}.survey-close{position:absolute;top:10px;right:15px;font-size:35px;cursor:pointer}#survey-form input{width:100%;padding:10px;margin-bottom:10px}.survey-loading{display:none;text-align:center;margin-top:10px}button.survey-btn{margin:10px 0}.survey-spinner{width:25px;height:25px;border:3px solid #ddd;border-top:3px solid #000;border-radius:50%;animation:surveyspin 0.8s linear infinite;margin:auto}#survey-popup{display:none}.survey-btn-link{display:inline-block;background:var(--light-brown);color:#fff!important;padding:14px 20px;margin:0 0 12px 0;font-size:16px;font-weight:600;text-align:center;text-decoration:none;border-radius:6px;line-height:1.5;transition:all 0.3s ease}.survey-btn-link:hover{background:var(--light-brown);;color:#fff!important;transform:translateY(-2px)}.survey-btn-link:active{transform:translateY(0)}@keyframes surveyspin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media(max-width:767px){.survey-box{max-width:calc(100% - 20px);margin:50px auto;padding:20px}.survey-btn-link{width:100%;font-size:15px;padding:12px 15px}}