.floating-buttons{position:fixed;bottom:80px;right:6px;display:flex;flex-direction:row;align-items:flex-end;gap:15px;z-index:1000}.contact-btn-container{position:relative;display:flex;align-items:center}.contact-button{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:rgb(50 45 41);border:2px solid rgb(209 199 189);cursor:pointer;transition:all 0.3s ease;overflow:hidden;position:relative}.contact-button:hover{gap:10px;width:140px;border-radius:30px;background-color:rgb(255 255 255);box-shadow:0 4px 6px rgb(0 0 0 / .1);border:2px solid rgb(50 45 41)}.default-icon{width:24px;height:24px;position:absolute;transition:opacity 0.3s ease,transform 0.3s ease;opacity:1;transform:translate(-50%,-50%);left:50%;top:50%}.contact-button:hover .default-icon{opacity:0;transform:scale(.8)}.contact-text{opacity:0;font-family:Noto Sans;font-size:20px;font-weight:500;line-height:40px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:rgb(50 45 41);margin-left:10px;transition:opacity 0.3s ease,transform 0.3s ease;transform:translateX(-10px);white-space:nowrap}.contact-button:hover .contact-text{opacity:1;transform:translateX(0)}.contact-icon{display:none}.nav-btn-container{position:relative;display:flex;z-index:1000}.floating-nav-btn{width:60px;height:60px;background-color:#d1c7bd;border:2px solid #322d29;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 6px rgb(0 0 0 / .2);position:relative;transition:background-color 0.3s ease,box-shadow 0.3s ease}.floating-nav-btn:hover{background-color:#c2b9ae;box-shadow:0 6px 10px rgb(0 0 0 / .3)}.scroll-icon{width:16px;height:16px;transition:opacity 0.2s ease;opacity:.3;cursor:pointer}.scroll-icon.active{opacity:1}.scroll-icon:not(.active){pointer-events:none}@media (max-width:768px){.floating-buttons{display:flex;flex-direction:column;bottom:80px;right:10px;gap:10px}.contact-button{width:40px;height:40px}.default-icon{width:20px;height:20px;transform:translate(-50%,-50%);left:50%;top:50%;opacity:1}.contact-button:hover .default-icon{opacity:1;transform:translate(-50%,-50%)}.contact-text{display:none}.contact-button:hover{width:40px;height:40px;background-color:rgb(50 45 41)}.contact-button.clicked .contact-text{display:none}.floating-nav-btn{width:40px;height:40px}.scroll-icon{width:12px;height:12px}.scroll-icon:not(.active){pointer-events:none}}