.scoreGauge {
    .containerGauge {
        @include min(tablet) {
            display: grid;
            grid-template-columns: 1.5fr 1.5fr 1.5fr;
            column-gap: 1.6rem;
        }
        .firstCategory {
            border-radius: 0.5rem;
            background-color: #fff;
            margin-bottom: 1.6rem;
            @include min(desktop) {
                min-width: 29.2rem;
            }
            .graphics {
                display: flex;
                padding-top: 1.6rem;
                @include min(tablet) {
                    padding-top: 2.4rem;
                }
                svg {
                    position: relative;
                    left: 2.2rem;
                }
            }
            p {
                color: #08202e;
                text-align: center;
                position: relative;
                bottom: 2.3rem;
            }
            .score {
                text-align: center;
                position: relative;
                bottom: 0.8rem;
                .rating {
                    color: #00889e;

                    font-size: 3.4rem;
                    font-weight: 500;
                }
                span.ten {
                    color: #000;
                    font-weight: 500;
                    font-size: 1.8rem;
                }
            }
            .linearGradient {
                width: 100%;
                height: 0.5rem;
                border-radius: 0 0 0.5rem 0.5rem;
                background-image: linear-gradient(90deg, #1a535c, #4ecdc4);
            }
        }
    }
}
