/*prefix with int- to scope to this plugin*/
.int-center-contents {
  display: flex;
  justify-content: center;
  align-items: center;
}
.int-is-perfect-circle {
  border-radius: 50%;
}
.int-grey-background {
  height: 59px;
  width: 59px;
  background-color: #ECECEC;
  grid-area: stack;
  justify-self: end;
  align-self: end;
  position: relative; /* so it has correct stack order */
}
.int-green-background {
  /* the background color and box shadow color here are default backups. The block attributes override these color styles. */
  background-color: var(--wp--preset--color--highlight-green);
  width: 104px;
  height: 104px;
  grid-area: stack;
  justify-self: center;
  align-self: center;
  box-shadow:
  0 0 0 1px white,
  0 0 0 17px  var(--wp--preset--color--highlight-green);
  margin-top: 17px; /* make the same as the border width */
  margin-bottom: 17px; /* make the same as the border width */
}