.footer{position:fixed;bottom:0;left:0;width:100%;background:white;box-shadow:0 -2px 10px rgba(0,0,0,.1);padding:10px 0;z-index:1000;margin-top:40px}.footer-container{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto}.footer-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:none;border-radius:10px;padding:10px;cursor:pointer;font-size:14px;color:black;transition:background .3s ease,transform .2s ease-in-out,color .2s;width:80px;height:60px;text-align:center}.footer-button.active{background-color:rgb(234,179,8);color:white;font-weight:700;border-radius:10px}.footer-button:hover{transform:scale(1.1)}.icon{width:25px;height:25px;margin-bottom:5px}.footer-button.active .icon{stroke:white!important}@media (max-width:500px){.footer{margin-top:40px}.footer-container{width:100%;padding:5px}.footer-button{font-size:12px;width:70px;height:55px}.icon{width:24px;height:24px}}