50 lines
932 B
CSS
50 lines
932 B
CSS
/*Кнопки с вопросами*/
|
||
.questionBtnSection{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-top: 55px;
|
||
}
|
||
|
||
.questionBtn{
|
||
width: 323px;
|
||
height: 128px;
|
||
padding: 2% 5% 2% 3%;
|
||
border-radius: 12px;
|
||
text-align: left;
|
||
}
|
||
|
||
.questionBtn h3{
|
||
font-size: 18px;
|
||
color: #fff;
|
||
}
|
||
|
||
.questionBtn p{
|
||
margin-top: 16px;
|
||
font-size: 16px;
|
||
line-height: 19px;
|
||
color: #fff;
|
||
}
|
||
|
||
.orangeBtn{
|
||
background: linear-gradient(180deg, #F76D09 0%, #FFA800 100%);
|
||
}
|
||
|
||
.orangeBtn:active{
|
||
background: linear-gradient(180deg, #FFA800 0%, #F76D09 100%);
|
||
}
|
||
|
||
.greenBtn{
|
||
background: linear-gradient(180deg, #107A34 0%, #51A633 100%);
|
||
}
|
||
|
||
.greenBtn:active{
|
||
background: linear-gradient(180deg, #51A633 0%, #107A34 100%);
|
||
}
|
||
|
||
.blueBtn{
|
||
background: linear-gradient(180deg, #2E50A7 0%, #0993F7 100%);
|
||
}
|
||
|
||
.blueBtn:active{
|
||
background: linear-gradient(180deg, #0993F7 0%, #2E50A7 100%);
|
||
} |