.zpbt .zp-br{margin:26px 0}.zpbt .zp-br-row{align-items:stretch;display:flex}.zpbt .zp-br-node{background:var(--zp-tint);border:2px solid #c9dcea;border-radius:var(--zp-radius);display:flex;flex:1 1 0;flex-direction:column;justify-content:center;padding:18px 16px;text-align:center}.zpbt .zp-br-node strong{color:var(--zp-ink);display:block;font-family:var(--zp-bold);font-size:18px;font-weight:400;line-height:1.25}.zpbt .zp-br-node span{color:var(--zp-body);display:block;font-size:14.5px;margin-top:4px}.zpbt .zp-br-node.on{background:var(--zp-blue);border-color:var(--zp-blue)}.zpbt .zp-br-node.on span,.zpbt .zp-br-node.on strong{color:#fff}.zpbt .zp-br-arrow{flex:0 0 36px;position:relative}.zpbt .zp-br-arrow:before{background:var(--zp-blue-deep);content:"";height:2px;left:4px;position:absolute;right:12px;top:50%}.zpbt .zp-br-arrow:after{border:7px solid transparent;border-left:11px solid var(--zp-blue-deep);border-right:0;content:"";position:absolute;right:2px;top:50%;transform:translateY(-50%)}@media (max-width:700px){.zpbt .zp-br-row{flex-direction:column}.zpbt .zp-br-arrow{flex:0 0 30px}.zpbt .zp-br-arrow:before{bottom:12px;height:auto;left:50%;right:auto;top:4px;width:2px}.zpbt .zp-br-arrow:after{border:7px solid transparent;border-bottom:0;border-top:11px solid var(--zp-blue-deep);bottom:0;left:50%;right:auto;top:auto;transform:translateX(-50%)}}