.hero{display:flex;flex-direction:column;align-items:center;gap:1rem}main>p{text-align:center}.actions{display:flex;gap:1rem}.actions>a{width:12.5rem;color:var(--primary-800);text-align:center;background-color:var(--secondary-50);padding:1rem 0;border-radius:.5rem;transition:background-color .3s ease}.actions>a:is(:hover,:focus){background-color:var(--secondary-0)}