.number-circle { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--color-brand-lime); color: var(--color-brand-green-darker); font-family: var(--font-numeric); font-size: 1.25rem; font-weight: 700; line-height: 1.25; }
@media (max-width: 767px) { .number-circle { width: 2rem; height: 2rem; font-size: 1rem; } }