.panel-colors .color-type{
    background: #fff;
    margin-bottom: 10px;
    padding: 6px 6px 3px 6px;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}

.panel-colors .color-type button{
    /* opacity: .35; */
    border: solid 0.1rem #2a2f4a;
    border-radius: 3px;    
    height: 22px;
    width: 32px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    transition: all .25s ease-in-out;
}
.panel-colors .color-type button:hover,
.panel-colors .color-type button.active{
    /* opacity: 1; */
    box-shadow: 0 2px 8px rgb(0 0 0 / 30%);
}
.panel-colors .color-type button + div{
    font-size: 10px;
    width: 100%;    
    color: #2a2f4a;
    text-transform: uppercase;
    text-align: center;
}

.panel-colors h3{
    background: #dee0e6;
    padding-left: 10px;
    border-radius: 4px;
    height: 24px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 11px;
    color: #050918;    
    margin-top: 0;
}