.survey-option {
    display: block;
    margin: 10px;
    font-weight: 300;
    border: none;
    transition: all, 0.3s;
    color: #222;
    background-color: #ddd;
    border-radius: 5px;
    padding: 8px 12px;
    text-align: left;
  }
  
  .survey-option:hover {
    color: #ffffff;
    background-image: -webkit-linear-gradient(left, #1627D3 0%, rgba(22, 39, 211, 0.7) 100%);
    background-image: -o-linear-gradient(left, #1627D3 0%, rgba(22, 39, 211, 0.7) 100%);
    background-image: linear-gradient(to right, #1627D3 0%, rgba(22, 39, 211, 0.7) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1627D3', endColorstr='#B31627D3', GradientType=1);
    box-shadow: 0px 1px 6px 0px #485df9;
    -webkit-box-shadow: 0px 1px 6px 0px #485df9;
    -moz-box-shadow: 0px 1px 6px 0px #485df9;
    -ms-box-shadow: 0px 1px 6px 0px #485df9;
  }