.compare-mini--active{
    color: black;
}

.compare-page{
    padding:10px;
}
.compare-lists{
    width:100%;
    height: auto;
    
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    
    gap:10px 10px;
    padding:5px;
    
    flex-wrap:wrap;
}
.compare-lists-item{
    height: auto;
    
}
.compare-link{
    display: block;
    
    padding:6px 10px;
    background: linear-gradient(135deg, #ff4d4d 0%, #8a2be2 50%, #0055ff 100%);
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size:16px;
    box-sizing: border-box;
    
}
.compare-link-active{
    font-size:18px;
    font-weight: bold;
    padding:8px 12px;
}

.compare-page__actions{
    justify-content:center;
}
.compare-grid{
    justify-content:center;
    align-items:center;
    
    max-width: 100%;
}

@container section-container (max-width: 500px) {
    .compare-grid{
        align-items:flex-start;
    }
}