| @@ -1351,5 +1351,83 @@ | ||
| 1351 | 1351 | } |
| 1352 | 1352 | to { |
| 1353 | 1353 | left: 100%; |
| 1354 | 1354 | } |
| 1355 | -} | |
| 1355 | +} | |
| 1356 | + | |
| 1357 | +.woo-ml-survey-card { | |
| 1358 | + float: right; | |
| 1359 | + margin-left: 2rem; | |
| 1360 | + background: linear-gradient(to bottom, rgba(9, 194, 105, 0.12) 0%, #ffffff 100%); | |
| 1361 | + border: 1px solid #e5e7eb; | |
| 1362 | + border-radius: 0.5rem; | |
| 1363 | + padding: 1.5rem 2rem; | |
| 1364 | + width: 300px; | |
| 1365 | + margin-top: 2rem; | |
| 1366 | +} | |
| 1367 | + | |
| 1368 | +.woo-ml-survey-title { | |
| 1369 | + font-size: 0.9375rem; | |
| 1370 | + font-weight: 500; | |
| 1371 | + color: #000; | |
| 1372 | + margin: 0 0 1.25rem; | |
| 1373 | + line-height: 1.4; | |
| 1374 | + text-align: left; | |
| 1375 | + white-space: nowrap; | |
| 1376 | +} | |
| 1377 | + | |
| 1378 | +.woo-ml-survey-emojis { | |
| 1379 | + display: flex; | |
| 1380 | + justify-content: space-between; | |
| 1381 | + gap: 0.25rem; | |
| 1382 | + margin-bottom: 0.5rem; | |
| 1383 | +} | |
| 1384 | + | |
| 1385 | +.woo-ml-survey-emoji { | |
| 1386 | + font-size: 1.75rem; | |
| 1387 | + line-height: 1; | |
| 1388 | + cursor: pointer; | |
| 1389 | + transition: transform 0.15s ease; | |
| 1390 | + display: inline-block; | |
| 1391 | + background: none; | |
| 1392 | + border: none; | |
| 1393 | + padding: 0; | |
| 1394 | + height: auto; | |
| 1395 | +} | |
| 1396 | + | |
| 1397 | +.woo-ml-survey-emoji:hover { | |
| 1398 | + transform: scale(1.25); | |
| 1399 | + background: none; | |
| 1400 | +} | |
| 1401 | + | |
| 1402 | +.woo-ml-survey-thanks-text { | |
| 1403 | + font-size: 0.875rem; | |
| 1404 | + color: rgba(0, 0, 0, 0.6); | |
| 1405 | + margin: 0; | |
| 1406 | + text-align: center; | |
| 1407 | +} | |
| 1408 | + | |
| 1409 | +.woo-ml-survey-thanks-text a { | |
| 1410 | + color: rgba(0, 0, 0, 0.6); | |
| 1411 | + text-decoration: underline; | |
| 1412 | +} | |
| 1413 | + | |
| 1414 | +.woo-ml-survey-thanks-text a:hover { | |
| 1415 | + text-decoration: none; | |
| 1416 | +} | |
| 1417 | + | |
| 1418 | +.woo-ml-survey-labels { | |
| 1419 | + display: flex; | |
| 1420 | + justify-content: space-between; | |
| 1421 | + font-size: 0.75rem; | |
| 1422 | + color: rgba(0, 0, 0, 0.5); | |
| 1423 | + margin-top: 0.25rem; | |
| 1424 | +} | |
| 1425 | + | |
| 1426 | +@media only screen and (max-width: 960px) { | |
| 1427 | + .woo-ml-survey-card { | |
| 1428 | + float: none; | |
| 1429 | + margin-left: 0; | |
| 1430 | + width: 100%; | |
| 1431 | + box-sizing: border-box; | |
| 1432 | + } | |
| 1433 | +} | |
