/* Custom Icon Styles */
.tw-button--has-custom-icon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.tw-button__custom-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.tw-button__custom-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* Larger icons for larger buttons */
.tw-button--large .tw-button__custom-icon img {
    width: 24px;
    height: 24px;
}

.tw-button--xs .tw-button__custom-icon img,
.tw-button--small .tw-button__custom-icon img {
    width: 16px;
    height: 16px;
}

@media (max-width: 400px) {
    .li-elementor-widget--li-buttons {
        flex-direction: column;
        align-items: center;

        .tw-button {
            width: 100%;
        }
    }
}

/* TODO: add responsive button positioning */