.sdp-btn {
    padding: 12px 24px;
    border-radius: 0.313rem;
    border: 0;
    min-width: 6rem;
    text-decoration: none;
    text-align: center;
    margin: 4px;
    font-family: 'poppins';
}

.sdp-btn-filled {
    border-radius: 5px;
    border: 0;
}

.sdp-btn-filled-primary {
    background: #0A592B;
    color: #FFFFFF;
}

.sdp-btn-filled-primary:hover {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    background: #C0FFDA;
    color: #0A592B;
}

.sdp-btn-filled-primary:active {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    background: #8DFFBD;
    color: #0A592B;
}

.sdp-btn-filled-primary:focus {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    background: #8DFFBD;
    color: #0A592B;
}

/* dark */
.dark .sdp-btn-filled-primary {
    background-color: #C0FFDA;
    color: #0A592B;
}

.dark .sdp-btn-filled-primary:hover {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #A7FFCC;
    color: #08381C;
}

.dark .sdp-btn-filled-primary:active {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #8DFFBD;
    color: #08381C;
}

.dark .sdp-btn-filled-primary:focus {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #8DFFBD;
    color: #08381C;
}


.custom-tooltip {
    --bs-tooltip-bg: #0A592B;
    opacity: 1 !important;
    font-family: 'YekanBakhFaNum', Roboto, sans-serif;
}


.custom-tooltip.dark .tooltip-inner {
    --bs-tooltip-bg: #DAFFE9 !important;
    color: #0A592B !important;
    opacity: 1 !important;
    font-family: 'YekanBakhFaNum', Roboto, sans-serif;
}

.custom-tooltip.dark .tooltip-arrow {
    --bs-tooltip-bg: #DAFFE9 !important;
}