.add-answer-forms { margin-top: 27px; .btn_ { background: #fff !important; position: relative; box-shadow: none; color: $main-color !important; width: 184px; padding-left: 48px; &:before { width: 22px; height: 22px; border-radius: 100%; position: absolute; top: 50%; margin-top: -11px; left: 11px; content: '?'; color: #fff; font-size: 13px; line-height: 22px; text-align: center; @include gradientBtn; z-index: 2; } &:hover { &:before { @include gradientBtnHover; } } &:active { box-shadow: 0px 0px 12px 0px rgba(151, 151, 151, 0.35); } } } .answers-category-list { margin-top: 30px; @include wfl; background: $gray-color; border-radius: 12px; padding-top: 13px; padding-bottom: 18px; li { float: left; margin-top: 3px; a { text-decoration: none !important; text-transform: uppercase; float: left; display: block; font-size: 11px; font-weight: 700; padding: 0 11px; color: $main-color; span { position: relative; border-bottom: 1px dashed $blue-color; } &:hover { span { border-bottom: 1px dashed $gray-color; } } } &.active { a { color: #888888; span { border-bottom: 1px dashed #888888; } } } } } .answers-date-wr { margin-top: 3px; span { float: left; font-size: 12px; color: #888888; margin-right: 20px; } p { float: left; width: auto; font-size: 13px; a { } } } .hidden-answer-comment-form { box-shadow: 0px 0px 24px 0px rgba(151, 151, 151, 0.35); border-radius: 12px; padding: 27px 15px 30px 15px; margin-top: -44px; position: relative; background: #fff; z-index: 2; select { cursor: pointer; } textarea { min-height: 176px; max-height: 176px; } .input-wr { padding: 0; } form { margin-top: 4px; @include wfl; } } .hidden-answer-comment-form-title { text-align: center; font-weight: 700; text-transform: uppercase; font-size: 18px; }