# Reviews

:::raw
<div class="tcdjr-rev">
  <div class="tcdjr-rev-left">
    <h2>Choose a Location to Leave a Google Review</h2>
    <div class="tcdjr-rev-actions">
      <a class="tcdjr-rev-btn" target="_blank" rel="noopener"
         href="https://search.google.com/local/writereview?&amp;placeid=ChIJQccpb90X3YgRX8hsjwT8HZo">Thunder CDJR</a>
      <a class="tcdjr-rev-btn" target="_blank" rel="noopener"
         href="https://search.google.com/local/writereview?&amp;placeid=ChIJq-etAn8X3YgR0M_-F9yt3gs">Bartow Auto</a>
    </div>
  </div>
  <div class="tcdjr-rev-right">
    <img src="https://storage.googleapis.com/alan-jay/5stars.png" alt="Five star rating" />
  </div>
</div>
<style>
  /* Legacy's .get-direction-wrapper: one shadowed card, copy left / art right, stacking on mobile. */
  .tcdjr-rev {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0 6px 12px 0, rgba(202, 202, 202, 0.2) 0 0 6px 0;
    border-radius: 6px;
    padding: clamp(1.5rem, 4vw, 3rem);
  }
  .tcdjr-rev-left { flex: 1 1 380px; }
  .tcdjr-rev-left h2 { margin: 0; font-size: clamp(1.2rem, 2.2vw, 1.6rem); }
  .tcdjr-rev-right { flex: 0 1 300px; text-align: center; }
  .tcdjr-rev-right img { max-width: 100%; height: auto; }
  .tcdjr-rev-actions { display: flex; flex-wrap: wrap; gap: 0.85rem; margin-top: 1.75rem; }
  /* Styled as buttons because the sanitizer blocks <button> — see the header note. */
  .tcdjr-rev-btn {
    display: inline-block;
    padding: 0.85rem 1.5rem;
    background: var(--blue, #0678bc);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border-radius: 4px;
    line-height: 1.2;
  }
  .tcdjr-rev-btn:hover { filter: brightness(0.92); color: #fff; text-decoration: none; }
</style>
:::