.custom-btn {
    background-color: var(--primary-color);
    color: var(--secondary-color);
    border-radius: var(--border-radius);
    padding: 0.4em;
    transition: background-color var(--transition-duration), box-shadow var(--transition-duration);
    border: 1px solid var(--border-color);
}

.custom-btn:hover {
    background-color: var(--info-color);
    box-shadow: 0 4px 10px var(--shadow-hover-color);
}

/* Custom Dropdown Menu Styles */
.custom-dropdown-menu {
    background-color: var(--secondary-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: 0 2px 5px var(--shadow-color);
}

/* Custom Dropdown Item Styles */
.custom-dropdown-item {
    color: var(--text-color);
    padding: var(--padding-default);
    transition: background-color var(--transition-duration), color var(--transition-duration);
}

.custom-dropdown-item:hover, .custom-dropdown-item.active {
    background-color: var(--info-color);
    color: var(--secondary-color);
}

/* Dropdown Toggle Customization */
.dropdown-toggle::after {
    margin-left: 0.5em;
}