.affiliate-toolber-field{
    button:focus{
        outline: none;
    }
}
.affiliate-selector-popup-toolbar{
    & .components-popover__content{
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 150px !important;
        padding-bottom: 8px;
        padding-top: 8px;
        border-radius: 5px;
    }
}
.affiliate-selector-toolber-popup{
    width: 100%;
}
.affiliate-field-selector{
    .affiliate-field-child{
        display: flex;
        flex-wrap: wrap;
        flex-basis: auto;
        .affiliate-selector-button-group{
            display: flex;
            flex-direction: column;
            width: 100%;
            padding-left: 2%;
            padding-right: 2%;
            .affiliate-button{
                display: flex;
                padding: 5px 0px 5px 0px;
                margin: 0px 0px 2px 0px;
                justify-content: space-evenly;
                background: transparent;
                border: none;
            }
            .affiliate-button.active{
                background: #007eb1;
                border-color: #00435d;
                border-radius: 3px;
                color: #fff;
                box-shadow: inset 0 -1px 0 #00435d;
                border: none;
            }
            .affiliate-button:focus{
                outline:none
            }
        }
    }
}