.colorItem {
    position: relative;
    transition: all .2s;
    border: 1px solid rgba(0, 0, 0, 0.125);
    background: transparent;
    border-radius: 10px;
    width: 48px;
    height: 48px;
    margin: 5px;
    cursor: pointer;

    &:after {
        transition: all .2s;
        content: '';
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 11px;
        transform: translate(-50%, -50%);
        border: 2px solid transparent;
    }

    &.active {
        &:after {
            border: 2px solid #004225;
        }
    }
}