.Box{
    height: 90px;
    background: rgba(11, 24, 56, 1);
    box-shadow: 0 4px 8px 0 rgba(4, 8, 22, 0.68), 0 0 12px 0 rgba(7, 104, 181, 0.5) inset;
    border-radius: 8px;
    border: 1px solid rgba(5, 146, 247, .6);
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    padding: 5px 0;
}
.Box > li{
    width: 33.33%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    cursor: pointer;
}
.active{
    border:1px solid #0094FF;
    border-radius: 8px;
    box-shadow: 0 0 40px 0 #0094FF inset;
}
.Box > li > p{
    overflow: hidden;
    margin: 0 3%;
}
.Box > li:first-of-type::after,
.Box > li::before{
    content: "";
    position: absolute;
    width: 4px;
    height: 130%;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -2px;
    background: radial-gradient(#29B9F9, transparent,transparent);
}
.Box > li:first-of-type::after{
    right: auto;
    left: -2px;
}