.anchor {
  anchor-name: --⚓️-anchor;
  
  width: 100px;
  height: 100px;
  background: #111;
  color: white;
  font-size: 69px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  corner-shape: scoop;

  position: absolute;
  top: 20%;
  left: 20%;
}

.tooltip {
  position-anchor: --⚓️-anchor;
  
  top: calc(anchor(bottom) - 12px);
  left: calc(anchor(right) - 12px);
  
  position: absolute;
  background: #79a8f9;
  border-bottom: 1px solid #c6d0f0;
  color: white;
  padding: 24px;
  border-radius: 12px;
  max-width: 250px;
  font-family: system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.3;
}

body {
  background: #4a5481;
}