.floating-actions {
        position: fixed;
        bottom: 22px;
        left: 50%;
        transform: translateX(-50%);

        z-index: 9999;

        display: flex;
        align-items: center;
        gap: 12px;

        padding: 10px;

        border-radius: 999px;

        background: rgba(11, 18, 32, 0.88);

        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);

        border: 1px solid rgba(255, 255, 255, 0.08);

        box-shadow:
          0 12px 40px rgba(0, 0, 0, 0.35),
          0 0 0 1px rgba(255, 255, 255, 0.04);
      }

      .floating-btn {
        width: 62px;
        height: 62px;

        border-radius: 50%;

        display: flex;
        align-items: center;
        justify-content: center;

        text-decoration: none;

        font-size: 28px;

        transition: 0.25s;
      }

      .floating-btn:hover {
        transform: translateY(-3px);
      }

      .floating-actions {
        bottom: 16px;
        transition: 0.3s ease;
      }

      .floating-actions.near-bottom {
        bottom: 6px;
        transform: translateX(-50%) scale(0.92);
      }

      .contactIcon {
        width: 62px;
        height: 62px;
      }

      .call-btn {
        background: #ffffff;
        color: #0b1220;
      }

    @media (max-width: 820px) {
        .floating-actions {
          bottom: 16px;

          padding: 8px;

          gap: 10px;
        }

        .floating-btn {
          width: 45px;
          height: 45px;

          font-size: 24px;
        }

        .contactIcon {
          width: 45px;
          height: 45px;
        }
      }