.circle {
  align-items: center;
  background-color: var(--orange);
  border-radius: 50%;
  display: inline-flex;
  flex-shrink: 0;
  height: 31px;
  justify-content: center;
  line-height: 1;
  width: 31px;
}

.circle a {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 31px;
  justify-content: center;
  width: 31px;
}

.circle-medium {
  height: 92px;
  width: 92px;
}

.circle-xlarge {
  height: 362px;
  width: 362px;
}