.product-problem-link { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3rem; align-items: end; padding: clamp(3rem,6vw,6rem) var(--edge,clamp(1.25rem,4.5vw,5.5rem)); color: #17211c; border-top: 1px solid rgba(23,33,28,.16); background: #f3f0e8; }
.product-problem-link > * { min-width: 0; }
.product-problem-link p { margin: 0 0 1rem; color: #a8543e; font: 700 .63rem/1.5 Arial,sans-serif; letter-spacing: .18em; }
.product-problem-link h2 { max-width: 14em; margin: 0; font: 400 clamp(2.4rem,4.5vw,5rem)/1.05 STSong,"Noto Serif SC",serif; letter-spacing: -.05em; }
.product-problem-link a { display: inline-flex; align-items: center; min-height: 4.2rem; padding: 0 1.6rem; border: 1px solid currentColor; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.product-problem-link a:hover { color: white; background: #17211c; }
@media (max-width:720px) { .product-problem-link { grid-template-columns: minmax(0,1fr); align-items: start; } .product-problem-link p, .product-problem-link h2, .product-problem-link a { overflow-wrap: anywhere; } .product-problem-link a { width: auto; max-width: 100%; } }