.dropdown {
    display: flex;
    width: fit-content;
}

.btn-primary.dropdown-toggle {
    padding: 10px 14px;
    border: 2px solid var(--gray300);
    background-color: transparent;
    color: var(--black);
    justify-content: space-between;
}

    .btn-primary.dropdown-toggle:hover,
    .btn-primary.dropdown-toggle:active,
    .btn-primary.dropdown-toggle:focus {
        box-shadow: none !important;
        color: var(--black) !important;
        background-color: transparent !important;
        border-color: var(--gray300) !important;
    }

    .btn-primary.dropdown-toggle::after {
        border: none;
        font-family: 'assura-icons' !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        display: flex;
        line-height: 1;
        font-size: 24px;
        content: '\e920';
        transform: rotate(0deg);
        transition: all 0.1s;
        margin-left: 2px;
    }

    .btn-primary.dropdown-toggle.disabled,
    .btn-primary.dropdown-toggle:disabled {
        background-color: transparent !important;
        color: var(--gray500) !important;
    }

        .btn-primary.dropdown-toggle.disabled::after,
        .btn-primary.dropdown-toggle:disabled::after {
            visibility: hidden;
        }

.dropdown.show .btn-primary.dropdown-toggle::after {
    transform: rotate(180deg);
    transition: all 0.1s;
}

.dropdown.show > .btn-primary.dropdown-toggle {
    color: var(--black) !important;
    background-color: transparent !important;
    border-color: var(--gray300) !important;
}

.dropdown-menu {
    margin: 0;
    padding: 8px 0;
    box-shadow: 0 5px 12px rgba(77, 77, 77, 0.4);
    min-width: auto;
    overflow-y: auto;
}

    .dropdown-menu .nav-link,
    .dropdown-item {
        margin: 0;
        padding: 16px 16px !important;
        height: 50px;
        max-height: 50px;
        min-height: 50px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        line-height: normal;
    }

        .dropdown-menu .nav-link:focus,
        .dropdown-menu .nav-link:hover,
        .dropdown-menu .nav-link:active,
        .dropdown-item:focus,
        .dropdown-item:hover {
            color: var(--black);
            background-color: var(--gray50);
        }

            /* No border */
            .btn-primary.dropdown-toggle.no-border {
    border: none;
    padding: 12px 16px;
}

    .btn-primary.dropdown-toggle.no-border:hover,
    .btn-primary.dropdown-toggle.no-border:active,
    .btn-primary.dropdown-toggle.no-border:focus {
        border: none;
    }

/* No Arrow */
.dropdown-toggle.no-arrow::after {
    display: none !important;
}