.doughnut-container {
    @include pr-label;

    margin-top: 85px;

    .total {
        fill: $pr-color-medium-grey;
        font-size: $pr-size-large;
        text-anchor: middle;
    }

    .title {
        fill: $pr-color-medium-grey;
        font-size: $pr-size-small;
        font-weight: $pr-weight-medium;
        text-transform: uppercase;
        text-anchor: middle;
    }

    .tx-amount {
        @include pr-label;
        font-weight: $pr-weight-light;
        font-size: $pr-size-medium;
        &.strong {
            font-weight: $pr-weight-medium;
        }
    }

    .tx-type {
        @include pr-text;
        font-weight: $pr-weight-light;
        color: $pr-color-medium-grey;
    }
}

@media (max-width: 1200px) {
    .doughnut-container {
        margin-top: 30px;
        margin-bottom: 90px;
    }
}