.relative:where(.astro-J7PV25F6){.headline{font-family:Shadows Into Light,cursive;font-size:90px;rotate:-12deg}}.distress:where(.astro-J7PV25F6){counter-reset:number 0;li {display: flex; border-bottom: 1px solid #3a2b23; &::before {counter-increment: number 1; content: counter(number) " "; background: #3a2b23; min-width: 30px; height: 30px; display: inline-flex; justify-content: center; align-items: center; color: #fff; border-radius: 50%; margin-right: 10px;}}}.melit:where(.astro-J7PV25F6){li {flex-wrap: wrap;}}.hikaku_wrap:where(.astro-J7PV25F6){h2 {&::before {content: "＼"; @media (min-width: 768px) {font-size: 40px;} font-size: 20px;} &::after {content: "／"; @media (min-width: 768px) {font-size: 40px;} font-size: 20px;}} .hikaku {display: grid; grid-template-columns: repeat(auto-fit,minmax(100px,1fr)); gap: 10px; @media (min-width: 768px) {grid-template-columns: 150px 150px 150px; max-width: 550px; margin: auto; justify-content: space-between;} li {display: grid; place-content: center; height: 28vw; max-width: 150px; color: #fff; outline: 1px solid #fff; outline-offset: -7px; border-radius: 50%; background-image: linear-gradient(157deg,rgba(58,43,35,1) 20%,rgba(85,44,22,1) 60%); @media (min-width: 768px) {height: 150px;}}}}.cta_wrap:where(.astro-J7PV25F6){background-image:linear-gradient(150deg,rgba(58,43,35,1) 10%,rgba(85,44,22,1) 60%);p {} .cta_btn {width: 100%; a {transition: .3s; border-radius: 50px; background-color: orange; outline-offset: 0px; max-width: 500px; &:hover {color: #3a2b23; transition: .3s; outline: 2px solid #fff; outline-offset: -8px;}}}}