<> a:link.ticket-linka:visited.ticket-link {background:#108082; color:#fff; font-family:"Poppins"; padding:10px 20px; border-radius:20px; } a:hover.ticket-linka:active.ticket-link {background:#000; color:#67dfe0;} #related-posts-new {width:96%; margin:0 2%; } .related-events-grid { display: grid; grid-template-columns: repeat(21fr); gap: 10px; margin-top: 10px; } /* Responsive: Switch to a single column on smaller screens */ @media (max-width: 768px) { .related-events-grid { grid-template-columns: 1fr; /* Single column */ } } .event-card { display: flex; align-items: center; background: white; padding: 10px; border-radius: 20px; box-shadow: 1px 1px 5px #aaa; transition: transform 0.2s ease-out; /* Smooth hover-on */ text-decoration: none; color: inherit; } .event-card:hover { transition: transform 0.3s ease-in; /* Smooth hover-off */ } .event-image { width: 80px; height: 80px; flex-shrink: 0; border-radius: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-right: 15px; } .event-info { flex-grow: 1; } .event-title { font-size: 16px; font-weight: bold; text-decoration: none; color: #333; transition: color 0.2s ease-in-out; } .event-title:hover { color: #67dfe0; } .event-date-text { font-size: 12px; color: #777; margin-top: 5px; }

Partner with Nashville Guru Subscribe