.platform-strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;

    margin-top: 55px;
    padding: 22px 28px;

    border: 1px solid rgba(255,255,255,.07);
    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.05),
            rgba(255,255,255,.02)
        );

    backdrop-filter: blur(22px);

    box-shadow:
        0 20px 60px rgba(0,0,0,.22);
}

.platform-label {

    color:
        rgba(255,255,255,.42);

    font-size:
        13px;

    letter-spacing:
        1.5px;

    text-transform:
        uppercase;

    white-space:
        nowrap;

}

.platform-list {

    display:flex;

    align-items:center;

    gap:40px;

    flex-wrap:wrap;

}

.platform-list span {

    position:relative;

    color:
        rgba(255,255,255,.82);

    font-size:
        15px;

    font-weight:
        600;

    transition:
        .25s;

}

.platform-list span::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:2px;

    background:#A855F7;

    transition:.25s;

}

.platform-list span:hover{

    color:#fff;

}

.platform-list span:hover::after{

    width:100%;

}

@media (max-width:900px){

    .platform-strip{

        flex-direction:column;

        align-items:flex-start;

    }

    .platform-list{

        gap:22px;

    }

}


.platform-list span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.platform-list span::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #c084fc;
    box-shadow:
        0 0 8px rgba(192, 132, 252, 0.9),
        0 0 18px rgba(168, 85, 247, 0.6);
}