.ib-playRadios { margin-top: 24px; display: flex; justify-content: center; align-items: center; gap: 10%; padding: 10px 0; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; min-height: 103px; } .ib-playRadios>.wrapper { display: flex; align-items: center; gap: 35px; width: fit-content; max-width: 1200px; flex-wrap: wrap; justify-content: center; min-height: 83px; } .ib-playRadios>.wrapper>div, .ib-playRadios>.wrapper>a{ display: flex; align-items: center; gap: 20px; } .ib-playRadios>.wrapper>div>div{ display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; } .ib-playRadios>.wrapper>div > a{ cursor: pointer; } .ib-playRadios>.wrapper>div > a > img{ width: 80px; height: 80px; } .ib-playRadios>.wrapper>div > a>div{ display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; } .ib-playRadios>.wrapper>div>div>img:first-of-type{ width: 80px; height: 80px; } .ib-playRadios>.wrapper>div>div>img:last-of-type{ width: 18px; height: 18px; position: absolute; } .ib-playRadios>.wrapper>div>img { width: 80px; height: 80px; } .ib-playRadios>.wrapper>div>.text { display: flex; flex-direction: column; gap: 5px; } .ib-playRadios>.wrapper>div>.text>span, .ib-playRadios>.wrapper>a>.text>span { letter-spacing: 0.14px; font-weight: 500; font-size: 14px; line-height: 18px; width: 100%; color: var(--branco); } .ib-playRadios>.wrapper>div>.text>h2, .ib-playRadios>.wrapper>a>.text>h2 { letter-spacing: 0.56px; font-weight: 700; font-size: 28px; white-space: nowrap; line-height: 32px; color: var(--branco); } @media (max-width: 700px){ .ib-playRadios { min-height: 218px; } .ib-playRadios > .wrapper { flex-direction: column; align-items: start; padding: 0 20px; min-width: 198px; } .ib-playRadios>.wrapper>div>.text>h2, .ib-playRadios>.wrapper>a>.text>h2 { font-size: 20px; line-height: 24px; } .ib-playRadios>.wrapper>div>.text>span, .ib-playRadios>.wrapper>a>.text>span { font-size: 12px; line-height: 16px; } }