.questionnaire-block {
  margin-bottom: 40px;
}


.register-step {
  width: 220px;
  height: 65px;
  background-color: #A2CDF533;
  border-radius: 20px;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  justify-content: center;
  margin-bottom: 10px;
  color: #000;
}

.register-step-info {
  font-size: 14px;
  color: #A1A1A1;
  font-weight: 400;
}

.register-step-block {
  margin-bottom: 40px;
}



.filled-questionnaire {
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
}

.filled-questionnaire__icon-wrapper {
  margin-bottom: 30px;
}

.filled-questionnaire__title {
  font-size: 28px;
  ;
  padding-bottom: 30px;
}

.filled-questionnaire__desc {
  color: #2B2823;
  font-size:16px;
  font-weight: 700;
  margin-bottom: 35px;

}

.filled-questionnaire__button{
    background: linear-gradient(79.89deg, #007EF5 7.04%, #222224 92.86%);
  border-radius: 20px;
  margin-top: 20px;
  position: relative;
  width: 280px;
  height: 34px;
  transition: all .3s ease-in-out;
  span{
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
     border-radius: 20px;
    top: 1px;
    left: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: white;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    transition: all .3s ease-in-out;
    

  }

  &:hover{
     background-color: #0082fa;
     
    span{
        background-color: #0082fa;
         color: white;
    }
         
  }
}


 .woocommerce-account .woocommerce-MyAccount-navigation-link--ankieta a::before{
    background-image: url(/wp-content/plugins/two-sides-questionnaire/images/questionnaire_icon.svg) !important;
 }


.questionnaire-form-my-account{
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
}