@import "src/assets/variables";

.muncher-badge--large-rounded {
  .muncher-badge--secondary{
    color: $primary-background-color;
  }
  .muncher-badge--rounded {
    width: 6rem;
    height: 6rem;
    font-family: $sans-serif-font;


    .badge-content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      p {
        margin: 0;
        text-transform: uppercase;
        font-weight: bold;
        font-size: .8rem;
      }

      .emphasized {
        font-size: 2rem;
        font-weight: bold;
      }
      .muncher-icon--small {
        width: 4rem;
        height: 4rem;
      }

    }
  }
}