.sentiment-container {

    display: flex;
    align-items: center;

    .sentiment-circle {

        height: 0.75rem;
        width: 0.75rem;
        border-radius: 3.375rem;

        &-positive {
            background: #63AEE1;
        }

        &-negative {
            background: #F90;
        }

        &-neutral {
            background: #838B9C;
        }

        &-strongly-positive {
            background: #36C9A9;
        }

        &-strongly-negative {
            background: #FF5D5F;
        }

    }

    .sentiment-label {
        font-size: var(--font-size-small);
        font-weight: 400;
        color: var(--text-title);
        margin-left: 0.5rem;
    }
}