/* Desktop favors the 3D Builder; mobile favors the shorter quote route. */
.costs-hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px 0}
.costs-hero-actions .costs-builder-cta{border:2px solid #7c1427;background:#7c1427;color:#fff}
.costs-hero-actions .costs-quote-cta{border:2px solid #fff;background:transparent;color:#fff}
.costs-hero-actions .costs-quote-cta:hover{background:rgba(255,255,255,.15)}
@media(max-width:767px){
  .hero-actions--mobile-quote{flex-direction:column}
  .hero-actions--mobile-quote .btn{width:100%}
  .hero-actions--mobile-quote .cta-to-form{order:-1;background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
  .hero-actions--mobile-quote .design-builder-cta{background:transparent!important;border-color:#fff!important;color:#fff!important}
  .costs-hero-actions{flex-direction:column}
  .costs-hero-actions .btn{width:100%;max-width:380px}
  .costs-hero-actions .costs-quote-cta{order:-1;border-color:#7c1427;background:#7c1427;color:#fff}
  .costs-hero-actions .costs-builder-cta{border-color:#fff;background:transparent;color:#fff}
}