message: minor tweaks. remove overwritten code, change border radius to em
diff: @@ -53,7 +53,7 @@ html {
  --small: 4.8rem;
  --x-small: 3.2rem;
  --xx-small: 2.4rem;
  - --micro: 1.6rem;
  + --micro: 1.6rem; /* should we invert micro and macro? */
  --macro: 0.8rem;
  --border-light: 1px solid var(--sand-dark);
  @@ -123,8 +123,8 @@ img:not([alt]) {
  outline: 10px solid;
  }
  -/* Natural flow and rhythm in articles by default */
  -article > * + * {
  +/* margin on everything except first child. */
  +main > * + * {
  margin-top: 1em;
  }
  @@ -179,7 +179,7 @@ select {
  a {
  color: var(--black);
  - transition: all 0.2s;
  + transition: all 0.2s 50ms;
  }
  .link--light-grey {
  @@ -187,12 +187,12 @@ a {
  color: var(--light-grey);
  }
  -.btn {
  +.btn,
  +[class|="btn"] {
  display: inline-block;
  text-align: center;
  - color: var(--black);
  font-weight: 600;
  - cursor: pointer;
  + border-radius: 1em; /* em, not rem, so based on font size, and auto responsive */
  }
  .btn-wrapper {
  @@ -201,7 +201,7 @@ a {
  flex-wrap: wrap;
  margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
  width: calc(100% + var(--gap));
  - @media (max-width: ${sizes.breakpoints.sm}) {
  + @media (max-width: ${sizes.breakpoints.sm}) { /* TW */
  justify-content: center;
  }
  & > * {
  @@ -211,7 +211,6 @@ a {
  .btn--brand {
  background: var(--brand-almost-ripe);
  - border-radius: 1.6rem;
  padding: 1.2rem var(--x-small);
  @media (min-width: 1141px) {
  @@ -226,7 +225,6 @@ a {
  .btn--small {
  font-size: var(--btn-small);
  padding: var(--macro) var(--x-small);
  - border-radius: 1.2rem;
  }
  // we may want to come up with purpose names instead of color names. like primary / secondary / etc.
  @@ -253,8 +251,7 @@ h3,
  h4,
  h5,
  h6 {
  - color: var(--black);
  - font-weight: 600;
  + font-weight: 600; /* this is default. it's removed in TW. Should we just remove it from the TW reset? */
  }
  h1, .h1 {
  