.wrapper{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px;margin-top:15px;margin-bottom:15px}.wrapper .button.button{display:flex;align-items:center;justify-content:flex-start;height:40px;width:40px;text-decoration:none;overflow:hidden;background:#fff;border-radius:50px;cursor:pointer;box-shadow:0 8px 8px rgb(0 0 0 / .1);transition:all 0.3s ease-out;vertical-align:middle;border:none!important;outline:none!important;font-family:'Poppins',sans-serif;position:relative}.wrapper .button.button:last-child{margin-right:0}.wrapper .button.button:hover{width:150px;border-radius:40px}.wrapper .button.button .icon{height:40px;width:40px;color:#000;border-radius:50px;box-sizing:border-box;transition:all 0.3s ease-out;flex-shrink:0;background:#fff0;position:absolute;top:0;left:0}.wrapper .button.button:nth-child(1):hover .icon{background:#4267B2}.wrapper .button.button:nth-child(2):hover .icon{background:#1DA1F2}.wrapper .button.button:nth-child(3):hover .icon{background:#0A66C2}.wrapper .button.button:nth-child(4):hover .icon{background:#25D366}.wrapper .button.button:nth-child(5):hover .icon{background:#6c757d}.wrapper .button.button .icon i{font-size:16px;transition:all 0.3s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1}.wrapper .button.button:hover .icon i{color:#fff;transform:translate(-50%,-50%)}.wrapper .button.button span{display:inline-block;font-size:14px;font-weight:500;line-height:40px;margin-left:35px;transition:all 0.3s ease-out;white-space:nowrap;vertical-align:middle;flex-shrink:0;opacity:0;transform:translateX(10px)}.wrapper .button.button:hover span{opacity:1;transform:translateX(0)}.wrapper .button.button:nth-child(1) span{color:#4267B2}.wrapper .button.button:nth-child(2) span{color:#1DA1F2}.wrapper .button.button:nth-child(3) span{color:#0A66C2}.wrapper .button.button:nth-child(4) span{color:#25D366}.wrapper .button.button:nth-child(5) span{color:#6c757d}