.ui-selectbutton {
    border-color: $primaryColor;

    .ui-button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        border-color: $primaryColor !important;

        &:first-child {
            border-left: 0;
        }
        &-text {
            margin-top: 0;
            color: $primaryColor !important;
        }

        &.ui-state-active {
            color: $white;
            background: $primaryColor !important;
        }
    }
}


@media screen and (max-width: 640px) {

    .ui-selectbutton {
        display: block;
        border-radius: 0 !important;

        .ui-button {
            border: 0;
            border-radius: 0 !important;
        }
    }
}
