.rainbow-ring {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    margin: 0 40px 1rem 30px;
    padding: 10px;
    font-weight: bold;
}
.rainbow-ring::after {
    content: '';
    position: absolute;
    top: 40px;
    width: calc(100% - 90px);
    height: 4px;
    background: white;
}
.rainbow-ring a, .rainbow-ring a:visited {
  padding: 4px 8px 6px;
  border-radius: 10px;
  background: black;
  color: white;
  position: relative;
  z-index: 2;
  text-decoration: none;
  border: 4px solid white;
}
.rainbow-ring a:hover {
  scale: 1.2;
}
.rainbow-ring a:nth-child(1) {
    order: 2;
    color: black;
    font-family: 'Cherrybomb';
    font-size: 1rem;
    font-weight: normal;
    padding: 20px 22px 18px;
    border-radius: 25px;
    border-image-slice: 49%;
    border-image-width: 24px;
    border-style: solid;
    border-color: transparent;
    background: white;
    border-image-source: radial-gradient(transparent 12%,lightcoral 12%,lightcoral 24%,khaki 24%, khaki 36%,darkseagreen 36%, darkseagreen 48%,cadetblue 48%, cadetblue 60%,plum 60%, plum 72%,transparent 72%);
    outline: 4px solid white;
}
.rainbow-ring a:nth-child(2) {
    order: 1;
}
.rainbow-ring a:nth-child(2)::before {
    content: '← ';
}
.rainbow-ring a:nth-child(3) {
    order: 3;
}
.rainbow-ring a:nth-child(3)::after {
    content: ' →';
}