@keyframes pulse {
    0% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(250, 225, 0, 0.7);
    }
    70% {
      transform: scale(1.05);
      box-shadow: 0 0 0 12px rgba(250, 225, 0, 0);
    }
    100% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(250, 225, 0, 0);
    }
  }
  
  @keyframes sparkle {
    0%, 100% {
      filter: brightness(1);
    }
    50% {
      filter: brightness(1.4);
    }
  }

.floating {
    position: fixed;
    bottom: 130px; right: 130px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 98;
}

.floating a {
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    border-radius: 50px;
    box-shadow: 6px 6px 18px rgba(0, 0, 0, .25);
    cursor: pointer;
    animation: sparkle 1s infinite alternate;
}

.callBtn {
    background-color: #25d366; /* WhatsApp 스타일로 초록색 (전화 느낌) */
    animation: pulse 1s infinite, sparkle 1s infinite alternate;
}

.callBtn i {
    font-size: 65px;
}

.topBtn {
    background: var(--main-color);
}

.topBtn i {
    color: #fff;
    font-size: 22px;
}

.kakaoBtn {
    background-color: #f9e108;
    animation: pulse 1s infinite, sparkle 1s infinite alternate;
}

.kakaoBtn i {
    color: #3d2324;
    font-size: 65px;
}


/*==================================================*/
@media (max-width: 768px) {
    .floating {
        bottom: 75px; right: 30px;
    }
    
    .floating a {
        width: 72px;
        height: 72px;
        line-height: 72px;
        border-radius: 50px;
        cursor: unset;
        animation: sparkle 1s infinite alternate;
    }

    .kakaoBtn i {
        font-size: 45px;
    }

    .callBtn i {
        font-size: 45px;
    }
}