.genre-reminder { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 26px; margin: 24px 0; border: 1px solid #e9a38158; border-radius: 13px; background: linear-gradient(105deg,#33272b,#252430 70%,#1e202b); }
.genre-reminder strong { display: block; margin-top: 8px; color: #fff7f1; font-size: 19px; }
.genre-reminder p { margin: 6px 0 0; color: #c9bfc5; line-height: 1.5; font-size: 12px; }
.genre-reminder .btn { flex: 0 0 auto; }
@media (max-width: 650px) { .genre-reminder { align-items: flex-start; flex-direction: column; } }