.floating-buttons-container {
   position: fixed;
   bottom: 16px;
   left: 0;
   right: 0;
   display: flex;
   justify-content: center;
   gap: 16px;
   z-index: 1000;
 }

 .floating-button {
   background-color: #fcc03e;
   font-size: x-large;
   color: white;
   border: none;
   border-radius: 50%;
   width: 56px;
   height: 56px;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
   cursor: pointer;
   transition: background-color 0.3s, transform 0.2s;
 }

 .floating-button:hover {
   background-color: #fcb41a;
   transform: scale(1.1);
 }

 .floating-button:active {
   transform: scale(0.9);
 }

 .floating-button i {
   font-size: 24px;
 }

 .button-label {
   margin-top: 4px;
   font-size: 12px;
   text-align: center;
   color: #919191;
 }

 .button-wrapper {
   display: flex;
   flex-direction: column;
   align-items: center;
 }