/* ==========================================================
   page-voice.css
   Base  = structural / shared (no sizing)
   < 640  = phone
   >= 640 = sm (small tablet)
   >= 768 = md (tablet)
   >= 1024 = lg (desktop)
   ========================================================== */

/* --- Base (structural only) --- */
.voice-section { overflow: hidden; position: relative; }
#customer-voice .ti-load-more-reviews-button { background-color: var(--theme-color-blue) !important; color: #fff !important; border: 0 !important; border-radius: 8px !important; font-weight: 800 !important; }
#customer-voice .ti-load-more-reviews-button:hover { opacity: .92; }

/* --- Phone --- */
@media (width < 640px) {
  #customer-voice .ti-load-more-reviews-button { width: 100% !important; padding: 14px 18px !important; font-size: 14px !important; }
}

/* --- sm (small tablet) --- */
@media (width >= 640px) {
  #customer-voice .ti-load-more-reviews-button { width: 100% !important; padding: 14px 18px !important; font-size: 14px !important; }
}

/* --- md (tablet) --- */
@media (width >= 768px) {
  .voice-inner { max-width: calc(100% - 48px); }
  #customer-voice .ti-load-more-reviews-button { width: auto !important; padding: 14px 22px !important; font-size: 15px !important; }
}

/* --- lg (desktop) --- */
@media (width >= 1024px) {
  .voice-inner { max-width: 896px; margin: 0 auto; }
  #customer-voice .ti-load-more-reviews-button { padding: 14px 24px !important; font-size: 16px !important; }
}