.stat { max-width: 20rem; min-height: 20rem; padding: 3rem 2rem 1rem; text-transform: uppercase; position: relative; color: $color-primary; border: 2px solid $color-primary; @include respond(430px) { max-width: unset; } &--simple { padding: 1rem 2rem 1rem; } // &::after { // content: ''; // position: absolute; // } &__heading { font-weight: 700; line-height: 1.4; font-size: 1.3rem; @include respond(430px) { font-size: 2rem; } } &__number { font-weight: 700; font-size: 7rem; line-height: 1; transform: translateX(-5rem); background-color: $color-white; @include respond(1260px) { background-color: unset; } @include respond(430px) { transform: translateX(0); margin: 2rem 0; } } &__unit { font-size: 1.3rem; font-weight: 700; @include respond(430px) { font-size: 2rem; } } }