* {
  box-sizing: border-box;
}

:focus-visible {
  view-transition-name: focus-ring;
  outline: 2px solid deeppink;
  outline-offset: 4px;
  border-radius: 4px;
  position: relative;
}

::view-transition-group(focus-ring) {
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(.4, 0, .2, 1);
}