.social-icons-pupup{display:flex;flex-direction:column;position:fixed;top:80%;left:0;transform:translateY(-50%);background-color:#fff;border:2px solid #bdbdbd;border-radius:0 25px 25px 0;padding:10px;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:1000;transition:left .3s ease-in-out}.close-button,.reopen-button{box-shadow:1px 1px 8px rgba(0,0,0,.2);cursor:pointer;z-index:1001}.social-icons-pupup a{display:block;font-size:24px;margin:5px 0;padding:5px;border-radius:50%;text-align:center;background-color:#f9f9f9;box-shadow:1px 1px 8px rgba(0,0,0,.2)}.social-icons-pupup a:hover{transform:translateX(10px)}.close-button{position:absolute;top:-10%;left:90%;background-color:#fff;border:none;border-radius:50%;font-size:16px;padding:7px}.close-button i{color:#ff3b3b}.close-button:hover i{transform:scale(1.2);color:#040d5c}.reopen-button{position:fixed;top:80%;left:-.5%;transform:translateY(-50%);background-color:#005db4ab;border:none;border-radius:0 25px 25px 0;padding:10px;font-size:15px;display:none}.reopen-button i{color:#fff;transition:transform .1s}.reopen-button:hover{background-color:#b10b95}.reopen-button:hover i{transform:translateX(5px)}@media (max-width:768px){.social-icons-pupup{padding:8px;font-size:18px}.social-icons-pupup a{font-size:20px;padding:8px}.close-button{top:-8%;left:85%}.reopen-button{top:80%;left:-5px;font-size:10px;padding:8px}.reopen-button i{font-size:16px}}