/*按鈕*/
.btok svg{
    width: 1.35em!important;
    height: 1.35em!important;
}
.btok .elementor-button-wrapper {
    position: relative;
}

/* 初始狀態 */
.btok .elementor-button-wrapper::after {
    content: "";
    width: 31px;
    height: 30px;
    background-image: url(/wp-content/uploads/bird-img.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: absolute;
    right: 23%;
    top: -30px;
    z-index: 1;

    transform: translateY(15px) scale(0.7);
    opacity: 0;

    animation: none;
    pointer-events: none;
}

/* 滑入：彈出 */
.btok .elementor-button-wrapper:hover::after {
    animation: bird-pop 0.4s cubic-bezier(.34,1.56,.64,1) forwards;
}

/* 滑出：縮回可愛消失 */
.btok .elementor-button-wrapper:not(:hover)::after {
    animation: bird-hide 0.2s ease-out forwards;
}

/* 滑入彈跳 */
@keyframes bird-pop {
    0% {
        transform: translateY(15px) translateX(5px) scale(0.7) rotate(70deg);
        opacity: 0;
    }
    50% {
        transform: translateY(-3px) translateX(0px) scale(1.15) rotate(5deg);
        opacity: 1;
    }
    80% {
        transform: translateY(0px) scale(0.95);
    }
    100% {
        transform: translateY(0px) scale(1);
        opacity: 1;
    }
}

/* 滑出可愛縮回 */
@keyframes bird-hide {
    0% {
        transform: translateY(0) translateX(0px) scale(1) rotate(0deg);
        opacity: 1;
    }
    40% {
        transform: translateY(5px) translateX(-5px) scale(0.85) rotate(-25deg);
        opacity: 0.7;
    }
    100% {
        transform: translateY(15px) translateX(-10px) scale(0.6) rotate(-40deg);
        opacity: 0;
    }
}

/* 左邊鳥按鈕 */
.btok-left svg{
    width: 1.35em!important;
    height: 1.35em!important;
}
.btok-left .elementor-button-wrapper {
    position: relative;
}
.btok-left .elementor-button-wrapper::after {
    content: "";
    width: 31px;
    height: 30px;
    background-image: url(/wp-content/uploads/bird-img.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: absolute;
    left: 23%;
    top: -30px;
    z-index: 1;

    transform: translateY(15px) scale(-0.7, 0.7);
    opacity: 0;

    animation: none;
    pointer-events: none;
}
/* 滑入：彈出-反轉 */
.btok-left .elementor-button-wrapper:hover::after {
    animation: bird-pop-h 0.4s cubic-bezier(.34,1.56,.64,1) forwards;
}
/* 滑出：縮回可愛消失-反轉 */
.btok-left .elementor-button-wrapper:not(:hover)::after {
    animation: bird-hide-h 0.2s ease-out forwards;
}
/* 滑入彈跳-反轉 */
@keyframes bird-pop-h {
    0% {
        transform: translateY(15px) translateX(-5px) scale(-0.7, 0.7) rotate(70deg);
        opacity: 0;
    }
    50% {
        transform: translateY(-3px) translateX(0px) scale(-1.15, 1.15) rotate(5deg);
        opacity: 1;
    }
    80% {
        transform: translateY(0px) scale(-0.95, 0.95);
    }
    100% {
        transform: translateY(0px) scale(-1, 1);
        opacity: 1;
    }
}
/* 滑出可愛縮回-反轉 */
@keyframes bird-hide-h {
    0% {
        transform: translateY(0) translateX(0px) scale(-1, 1) rotate(0deg);
        opacity: 1;
    }
    40% {
        transform: translateY(5px) translateX(5px) scale(-0.85, 0.85) rotate(-25deg);
        opacity: 0.7;
    }
    100% {
        transform: translateY(15px) translateX(10px) scale(-0.6, 0.6) rotate(-40deg);
        opacity: 0;
    }
}



.btok a svg{}
.btok a:hover svg{transform: translateX(3px);}
.bbtok-left a:hover svg{transform: translateX(-3px);}
.btok a{
    position: relative;
    z-index: 2!important;
}
