.floating-button{width:auto !important;position:fixed;top:60%;right:20px;transform:translateY(-50%);z-index:10000}
.floating-button .floating-button__wrapper{position:relative}
.floating-button .floating-button__title{background-color:#333;box-shadow:0 10px 30px 0 rgba(55,71,79,0.3);border-radius:24px;width:fit-content;cursor:pointer}
.floating-button .floating-button__title .floating-button__title--icon{color:#333;background-color:white;width:48px;height:48px;border-radius:24px;border:2px solid #333;display:flex;justify-content:center;align-items:center}
.floating-button .floating-button__title .floating-button__title--icon p{font-size:30px}
.floating-button .floating-button__title .floating-button__title--icon i{font-size:16px;display:none}
.floating-button .floating-button__title .floating-button__title--icon img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.floating-button .floating-button__title .floating-button__title--text{display:none}
.floating-button .floating-button__title a{text-decoration:none}
.floating-button .floating-button__content{max-width:0;height:0;opacity:0;visibility:hidden;overflow:hidden}
.floating-button .floating-button__content ul{display:flex;flex-direction:column;gap:8px}
@media(min-width:768px){.floating-button .floating-button__title{display:flex;align-items:center}
.floating-button .floating-button__title .floating-button__title--text{display:flex;color:white;padding:8px 16px}
.floating-button .floating-button__content{bottom:40px;height:48px;transition:max-width 3s ease,opacity 3s ease,visibility 0 3s}
.floating-button .floating-button__content--visible{max-width:900px;height:40px;opacity:1;visibility:visible;transition:max-width 3s ease,opacity 3s ease}
}