.el-button {
|
border-width: 2px;
|
border-radius: 30px;
|
padding: 10px 20px;
|
@extend .fix-chrome-click--issue;
|
@extend .mdTxt;
|
&.el-button--default {
|
color: $PRIMARY_RED;
|
background-color: $PRIMARY_WHITE;
|
border-color: $PRIMARY_RED;
|
}
|
&.el-button--primary {
|
background-color: $PRIMARY_RED;
|
border-color: $PRIMARY_RED;
|
|
}
|
&+.el-button {
|
margin-left: 20px;
|
}
|
&.is-disabled {
|
color: $PRIMARY_WHITE;
|
background-color: $MID_GREY;
|
border-color: $MID_GREY;
|
&:hover{
|
background-color: $MID_GREY;
|
border-color: $MID_GREY;
|
}
|
}
|
}
|
|
.pam-tags {
|
.el-button {
|
@extend .text--middle;
|
@extend .text--regular;
|
&.el-button--default {
|
color: $PRIMARY_BLACK;
|
background-color: $PRIMARY_WHITE;
|
border-color: $LIGHT_GREY;
|
}
|
&.el-button--primary {
|
background-color: $PRIMARY_RED;
|
border-color: $PRIMARY_RED;
|
}
|
&.active {
|
background-color: $CORAL;
|
color: $PRIMARY_WHITE;
|
}
|
}
|
}
|
.pam-tags {
|
|
.el-button {
|
border-width: 2px;
|
border-radius: 30px;
|
padding: 10px 20px;
|
font-weight: normal;
|
@extend .fz-20;
|
&.el-button--default {
|
color: black;
|
background-color: #FFFFFF;
|
border-color: #D0D0CE;
|
}
|
&.el-button--primary {
|
background-color: $PRIMARY_RED;
|
border-color: #D0D0CE;
|
}
|
&.active {
|
background-color: #F09491;
|
color: white;
|
}
|
}
|
}
|
|
.pam-select-confirm{
|
border-width: 1px;
|
border-radius: 30px;
|
padding: 10px 40px;
|
&.el-button--primary {
|
background-color: $PRIMARY_RED;
|
border-color: $PRIMARY_RED;
|
border-style: solid;
|
}
|
&.is-disabled {
|
color: $PRIMARY_WHITE;
|
background-color: $MID_GREY;
|
border-color: $MID_GREY;
|
border-style: solid;
|
pointer-events: none;
|
}
|
}
|
|
.ques-page{
|
.pam-radio-group--col{
|
.el-radio-button__orig-radio:checked+.el-radio-button__inner{
|
background-color: #FFFFFF;
|
color: black;
|
border-color:none;
|
border:none;
|
box-shadow: none;
|
font-weight: bold;
|
}
|
.el-radio-button:first-child .el-radio-button__inner{
|
border-left:none;
|
}
|
.el-radio-button__inner {
|
border:none;
|
font-size: 20px;
|
}
|
|
}
|
.radio-btn{
|
display: flex;
|
flex-direction: column;
|
margin-top: 30px;
|
}
|
}
|
|
@include desktop {
|
.pam-rec-btns {
|
justify-content:none;
|
.el-button:nth-child(1) {
|
width: 90px;
|
height: 43px;
|
font-size: 14px;
|
display: flex;
|
justify-content: center;
|
padding-top: 12px;
|
}
|
.el-button:nth-child(2) {
|
width: 90px;
|
height: 43px;
|
font-size: 14px;
|
display: flex;
|
justify-content: center;
|
padding-top: 12px;
|
}
|
}
|
}
|
