.level__test_module { width: 100%; // height:580px; padding-bottom: 20px; .start__test { width: 174px; height: 33px; background: linear-gradient( -90deg, rgba(255, 140, 27, 1) 0%, rgba(255, 59, 5, 1) 100% ); border-radius: 17px; margin: 20px auto 8px; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 1); .button__text { font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 1); display: flex; flex-direction: row; justify-content: center; align-items: baseline; margin-left: 5px; span { font-size: 12px; } } .test-img { width: 14px; height: 14px; } } .test__number { font-size: 12px; font-weight: 400; color: rgba(255, 255, 255, 1); margin: 0 auto; display: flex; justify-content: center; align-items: baseline; .number { font-size: 16px; margin: 0 5px; } } .prize__rules { width: 335px; // height:461px; background: rgba(89, 112, 255, 1); border-radius: 5px; margin: 16px auto; padding: 15px 10px; .prize__title { font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 1); text-align: center; text-align-last: center; margin-bottom: 10px; } .prize__list { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-bottom: 16px; .prize__container { width: 100px; height: 100px; margin: 0 6px 8px 0; &:nth-child(3n) { margin: 0 0 8px 0; } } } .rules__text { font-size: 12px; font-weight: 400; color: rgba(240, 241, 255, 1); line-height: 17px; } } }