// Copyright (C) 2017-2025 Smart code 203358507

@height: 4rem;
@width: 4rem;

.ratings-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    background-color: var(--overlay-color);
    border-radius: 2rem;
    height: @height;
    width: fit-content;

    .icon-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: @height;
        width: @width;
        padding: 0 1rem;
        cursor: pointer;

        .icon {
            width: calc(@width / 2);
            height: calc(@height / 2);
            color: var(--primary-foreground-color);
            opacity: 0.7;
            transition: 0.3s all ease-in-out;

            &:hover {
                opacity: 1;
            }

            &.active {
                opacity: 0.9;
                fill: var(--primary-foreground-color);
            }
        }
    }
}