@use "../common/utils" as *;
@use "../common/mixins" as *;

.testimonial-card {
    background: rgba(var(--color-background));
    padding: calc-rem(40px);
    border-radius: var(--border-radius);
    height: 100%;

    &__top {
        display: flex;
        justify-content: space-between;
        margin-bottom: calc-rem(30px);

        .location {
            font-size: calc-rem(12px);
            color: rgba(var(--color-secondary), .8);
            font-weight: var(--font-weight-medium);
        }

        .stars {
            .star {
                &.active {
                    .st0-1 {
                        fill: rgba(var(--color-primary));
                    }
                }
            }
        }
    }

    &__content {

        .title {
            font-size: clamp-font(12px, 14px);
            font-variation-settings: var(--font-variation-settings-bold);
        }

        .content {
            color: rgba(var(--color-secondary), .9);
            font-variation-settings: var(--font-weight-medium);
            font-size: clamp-font(12px, 14px);
        }

        .reviewer {
            font-size: clamp-font(12px, 14px);
            font-style: initial;
            font-variation-settings: var(--font-variation-settings-bold);
            line-height: 1;
            margin-top: calc-rem(35px);
            display: inline-block;
        }
    }


}
