@import "~bootstrap/scss/dropdown";

.cgds {
    &.dropdown{
        .dropdown-toggle {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 0.5rem;
            &::after {
                // disable: caret is not an icon, but a border with properties
                content: none;
            }
        }
        .dropdown-menu{
            border: 1px solid $border-color;
            padding: 0;
            a.dropdown-item{
                padding: 1rem;
                &:active{
                    background-color: $blue-900;
                    color: $white !important;
                    font-weight: bold;
                }
            }
        }
    }
}