/* ==========================================================
   REVIEW CARD
   ========================================================== */

.us-review-card {

    display: flex;

    gap: 16px;

    align-items: center;

    padding: 18px;

    background: linear-gradient(
        180deg,
        #1b1b1b 0%,
        #171717 100%
    );

    border: 1px solid #262626;

    border-radius: 16px;

}

/* ==========================================================
   CAPA
   ========================================================== */

.us-review-card-cover {

    position: relative;

    flex: 0 0 130px;

}

.us-review-card-cover img {

    display: block;

    width: 130px;

    height: auto;

    border-radius: 10px;

}

/* ==========================================================
   Nota do card (Home)
   ========================================================== */

.us-review-card-score {

    position: absolute;

    left: 10px;
    bottom: 10px;

    width: 72px;
    height: 72px;

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 50%;

    background: #ff3b30;

    color: #fff;

    font-size: 22px;
    font-weight: 700;
    line-height: 1;

    box-shadow: 0 8px 20px rgba(255, 59, 48, .30);

    z-index: 2;

}

/* ==========================================================
   CONTEÚDO
   ========================================================== */

.us-review-card-content {

    flex: 1;

    min-width: 0;

}

.us-review-card-title {

    margin: 0 0 12px;

    font-size: 28px;

    font-weight: 700;

    line-height: 1.2;

}

.us-review-card-title a {

    color: inherit;

    text-decoration: none;

}

.us-review-card-title a:hover {

    color: #ff3b30;

}

.us-review-card-date {

    display: block;

    margin-bottom: 10px;

    color: #999;

    font-size: 13px;

    text-transform: uppercase;

    letter-spacing: .08em;

}

.us-review-card-platform {

    display: inline-block;

    margin-top: 6px;

    padding: 4px 10px;

    border-radius: 999px;

    background: rgba(255,255,255,.06);

    color: #ddd;

    font-size: 12px;

    font-weight: 600;

}

.us-review-score-small{

    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#ff3b30;

    color:#fff;

    font-size:16px;
    font-weight:700;
    line-height:1;

    box-shadow:0 8px 20px rgba(255,59,48,.30);

}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:768px){

    .us-review-card{

        gap:14px;

        padding:16px;

    }

    .us-review-card-cover{

        flex:0 0 95px;

    }

    .us-review-card-cover img{

        width:95px;

    }

    .us-review-card-score{

        width:54px;

        height:54px;

        font-size:18px;

        right:-8px;

        bottom:-8px;

    }

    .us-review-card-title{

        font-size:22px;

    }

}