.topic-buttons{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);position:relative}.topic-buttons>a{background-color:#fff;border-radius:.5rem;color:#204643;display:block;font-family:Henriette,sans-serif;font-size:2rem;line-height:1;padding:2.5rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease-out;width:100%}.topic-buttons>a:hover{background-color:#fff2a8;color:var(--primary_color);transition:all .3s ease-out}@media screen and (max-width:767px){.topic-buttons{gap:1rem;grid-template-columns:1fr}}