/* LINE Login Button Standard */
.llp-line-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #06C755; /* LINE Official Green */
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none !important;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.1s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 300px;
}

.llp-line-btn:hover {
    background-color: #05B34C;
}

.llp-line-btn:active {
    transform: scale(0.98);
}

/* เพิ่ม Icon LINE (Base64) หน้าข้อความ */
.llp-line-btn::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44"><path fill="%23FFFFFF" d="M43.6 20.3c0-8.7-8.6-15.8-19.1-15.8C14 4.5 5.4 11.6 5.4 20.3c0 7.8 6.8 14.4 16.1 15.6 1 .2 2.4.6 2.8 1.4.3.8.2 2.1.2 2.1l-.3 1.9c-.1.7-.5 2.5 2.1 1.4 2.7-1.1 14.4-8.5 16-11.8 1-2.2 1.3-4.5 1.3-6.6.1-1.3.1-2.7.1-4z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}