#cafe24-aford-widget * { box-sizing: border-box; } #cafe24-aford-widget . { ; font-weight: 800; padding-bottom: 15px; border-bottom: 2px solid #000; margin-bottom: 0; } #cafe24-aford-widget .attr-row { display: flex; border-bottom: 1px solid #eee; transition: all 0.2s ease-in-out; } #cafe24-aford-widget .attr-label { width: 140px; background: #fafafa; padding: 20px 20px; ; font-weight: 700; color: #666; display: flex; align-items: center; border-right: 1px solid #eee; transition: inherit; } #cafe24-aford-widget .attr-value { flex: 1; padding: 18px 20px; ; color: #111; display: flex; align-items: center; background: #fff; transition: inherit; } /* Musinsa Hover Style Replicated */ #cafe24-aford-widget .attr-row:hover { background: #000 !important; border-bottom-color: #000; cursor: default; } #cafe24-aford-widget .attr-row:hover .attr-label { background: transparent !important; color: #fff !important; border-right-color: #333; } #cafe24-aford-widget .attr-row:hover .attr-value { background: transparent !important; color: #fff !important; } @media (max-width: 640px) { #cafe24-aford-widget . { ; / } #cafe24-aford-widget .attr-row { flex-direction: column; } #cafe24-aford-widget .attr-label { width: 100%; border-right: none; padding: 12px 20px; background: #f5f5f5; ; / } #cafe24-aford-widget .attr-value { padding: 12px 20px; ; / } }