.search__container {
    max-width: 720px;
    margin: 20px auto;
}
.search__title {
    text-align:center;
    margin-bottom: 25px;
}
.search__results { 
    background: white; 
    border: 1px solid #eee;
    border-radius: 5px; 
}
.search__results-empty {
     text-align:center;
     padding:20px;
     color:#888;
}
.search__results-item { 
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
}
.search__results-item:last-child { border-bottom: none; }
.search__results-item--avatar {
    width:55px; height:55px;
    border-radius:50%;
    margin-right:20px; 
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-weight:bold;
    flex-shrink:0;
}
.search__results-item--content {
    flex: 1;
}
.search__results-item--content h4 {
    margin:0;
}
.search__results-item--content p {
    margin:2px 0;
    color:#888;
    font-size:14px;
}
.search__results-btn {
    min-width: 140px;
}
@media (max-width: 480px) {
    .search__container {
        padding: 0 20px;
    }
    .search__results-item {
        flex-wrap: wrap;
    }
    .search__results-btn {
        width: 100%;
        margin-top: 10px;
    }
}