/* ==========================================================================
   TikTok Section Button Fix
   ========================================================================== */

.new-page-tiktok-section .alpine-button {
    background: #fe2c55 !important;
    color: white !important;
    border: none !important;
    padding: 14px 28px !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 15px rgba(254, 44, 85, 0.3) !important;
}

.new-page-tiktok-section .alpine-button:hover {
    background: #e0192e !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(254, 44, 85, 0.4) !important;
    text-decoration: none !important;
}

.new-page-tiktok-section .alpine-button::after {
    content: '\f099';
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
    margin-right: 8px;
}

/* Mobile TikTok button adjustments */
@media (max-width: 768px) {
    .new-page-tiktok-section .alpine-button {
        padding: 12px 24px !important;
        font-size: 15px !important;
    }

    div#tiktok-embed-placeholder > blockquote > iframe {
        max-width: 100% !important;
        width: 100% !important;
        max-height: 390px !important;
    }
}