.ranksGrid {
    display: flex;
    gap: 1rem;
}

.rankTitle {
    text-align: center;
    justify-content: center;
}

.ranksGrid > div {
    background-color: var(--darkest2);
    position: relative;
    border-radius: 0.5rem;
    padding: 1rem 1rem 5rem 1rem;
    max-width: 33%;
    border: 2px solid var(--darkest2);
    border: 2px solid var(--darkest4);
    box-shadow: 0 0 1rem var(--darkest4);
}
.ranksGrid button {
  width: calc(100% - 2.5rem);
  position: absolute;
  bottom: 1rem;
}
.ranksGrid s { opacity: 0.7; }
.rankTitle h2, .ranksGrid hr { margin: 0.5rem; }
.price {
    display: flex;
    justify-content: center;
}
.price h3 {
    font-size: 1.4rem;
    background: var(--blue2);
    padding: 0.5rem;
    width: fit-content;
    margin: 0rem 0 2rem 0;
    box-shadow: 0 0 2rem var(--blue3);
    border-radius: 0.2rem;
    border: 3px solid #a8c4df;
}