html:root {
    --muneer-color: #1b8354 !important;
    --muneer-color-accent: #1faf6f6b !important;
    --muneer-color-transparent: #eaf6ef !important;
    --muneer-text: #414042 !important;
    --muneer-btn-bg: #1c8354 !important;
    --muneer-btn-color-hover: #166a45 !important;
    --muneer-btn-padding: 16px;
}

body .muneer-trigger-button-box {
    top: auto;
    margin: 32px;
}

/* html[dir='rtl'] .muneer-trigger-button-box {
    left: 0px;
    right: auto;
}
html[dir='ltr'] .muneer-trigger-button-box {
    right: 0px;
    left: auto;
} */

body .muneer-trigger-button-box button {
    background-color: var(--muneer-btn-bg);
    padding: var(--muneer-btn-padding);
}
body .muneer-trigger-button-box button:active .muneer-trigger-button-icon svg,
body .muneer-trigger-button-box button:focus .muneer-trigger-button-icon svg,
body .muneer-trigger-button-box button:focus-visible .muneer-trigger-button-icon svg,
body .muneer-trigger-button-box button:hover .muneer-trigger-button-icon svg {
    fill: var(--muneer-btn-bg);
}

body .muneer-trigger-button-box button#muneer-trigger-button:focus {
    outline: 0;
    color: var(--muneer-btn-bg);
    background: #ffffff;
    box-shadow: 0 0 0 1px var(--muneer-btn-bg);
}