Fix for Preview not showing some of the selected views - Restyle top arrows

#product-builder .cpb-preview-arrows .Polaris-Button__Content {
 font-size: 3rem !important;
}

.cpb-preview-arrows-buttons .Polaris-Button {
    border: none!important;
    background: none!important;
    box-shadow: none!important;
}

.cpb-preview-arrows-buttons .Polaris-Button__Content i {
 color: #A5A5A5;
}

.cpb-preview-arrows-buttons .Polaris-Button__Content i:hover {
 color: #000;
}

.cpb-preview-arrows-buttons .Polaris-ButtonGroup__Item:first-child,
.cpb-preview-arrows-buttons .Polaris-ButtonGroup__Item:last-child{
    transform: rotate(-90deg)!important;
}

.cpb-preview-arrows-buttons .Polaris-ButtonGroup__Item:first-child {
    left: -25px!important;
}

.cpb-preview-arrows-buttons .Polaris-ButtonGroup__Item:last-child {
    right: -25px!important;
}

.cpb-preview-arrows-buttons .Polaris-ButtonGroup--segmented {
 width: 100%!important;
    justify-content: space-between!important;
    position: absolute!important;
}

.cpb-preview-arrows-left,
.cpb-preview-arrows-right {
 display: none !important;
}

#product-builder div.cpb-preview-arrows-buttons {
/*  display: none !important; */
      left: 0;
 transform: none;
      top:50%;    
}