.kcb788-floating-footer {
    position: fixed;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    width: min(92%, 720px);

    display: flex;
    gap: 10px;

    padding: 8px;
    border-radius: 20px;

    background: rgba(25,63,78,.90);
    backdrop-filter: blur(14px);

    border: 1px solid rgba(105,216,197,.30);

    box-shadow:
      0 0 30px rgba(105,216,197,.18),
      0 0 60px rgba(25,63,78,.18);

    z-index: 999999;
  }

  .kcb788-btn {
    flex: 1;
    text-decoration: none;
    text-align: center;

    font-family: Inter, sans-serif;
    font-weight: 800;
    letter-spacing: 1px;

    padding: 15px 12px;
    border-radius: 14px;

    transition: .25s ease;

    text-transform: uppercase;
  }

  .login-btn {

    color: #F4FFFC;

    background:
      linear-gradient(135deg,
        #214F63 0%,
        #319C9A 45%,
        #69D8C5 100%);

    border: 1px solid rgba(199,243,232,.38);

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.20),
      0 0 20px rgba(105,216,197,.28);
  }

  .daftar-btn {

    color: #4E2940;

    background:
      linear-gradient(135deg,
        #C982A5 0%,
        #F0C7D8 50%,
        #FFF0F6 100%);

    border: 1px solid rgba(255,239,247,.72);

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.45),
      0 0 18px rgba(213,137,169,.32);
  }

  .kcb788-btn:hover {
    transform: translateY(-2px);
  }

  .login-btn:hover {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.22),
      0 0 28px rgba(105,216,197,.40);
  }

  .daftar-btn:hover {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.45),
      0 0 24px rgba(240,199,216,.45);
  }

  @media(max-width:768px) {

    .kcb788-floating-footer {
      width: 95%;
      bottom: 12px;
      gap: 8px;
      padding: 7px;
    }

    .kcb788-btn {
      font-size: 13px;
      padding: 13px 8px;
    }
  }