.rating-count {
    background-color: var(--violet-light);
    padding: 25px;
    width: 269px;
}

.rating-count h1 {
    color: var(--violet-darkest);
    font-family: var(--font-semibold);
    font-size: 48px;
}

.rating-count .overall {
    font-family: var(--font-bold);
    font-weight: 700;
}
.rating-count .rating-number {
    font-size: var(--fs-sm);
}

.review-btn button {
    background-color: var(--brown-dark);
    border: none;
    outline: none;
    padding: 10px;
    border-radius: 8px;
    font-size: var(--fs-md);
    font-family: var(--font-bold);
}

.product-review-header img {
    height: 48px;
    border-radius: 50%;
}

.review-submit-button {
    background-color: var(--violet-darkest);
    color: white;
    border: none;
    outline: none;
    padding: 8px 15px;
    border-radius: 12px;
}

.reviewer-name {
    font-size: var(--fs-nl);
    font-family: var(--font-bold);
}

.review-text-area textarea {
    height: 98px;
    border: 1px solid #808080;
    outline: none;
    border-radius: 8px;
    padding: 5px 8px;
}

.hr {
    border: 0.5px solid #808080;
}
