$button-height: 3rem;

.codeflow-dropdown {

    //min-width: 10rem;

    &--material {
        border: none;
        border-bottom: solid 1px $color-border;
        min-height: $button-height;
    }

    &__button {
        display: flex;
        flex: 1;
        align-items: center;
        width: 100%;
        height: 100%;
        
        &--material {
            padding: 0;
        }
        
        &-text {

            flex: 1;
            display: flex;
            justify-content: space-between;
            align-items: center;

            &--material {
                align-items: center;
                padding-bottom: $padding-md;
            }

            &::after {
                content: "";
                margin-left: $margin-sm;
                border-top: .3em solid;
                border-right: .3em solid transparent;
                border-bottom: 0;
                border-left: .3em solid transparent;
            }
    
        }
    }

}