title: Responsive buttons in css
body: <p>I know that here is many answers about responsive buttons, but I didn't found any solution to solve my problem.</p>
  
  <p>I hope you may help me!</p>
  
  <p>Here I have 3 buttons. Help me please to make it responsive.</p>
  
  <pre><code>.btn{list-style:none;text-align:center;margin:10px!important;padding:10px!important;font-size:14px;clear:both;display:inline-block;text-decoration:none!important;color:#FFF!important;}
  .btn ul {margin:0;padding:0}
  .btn li{display:inline;margin:30px;padding:0;list-style:none;}
  .icosite,.whitepaperlink,.watchyt{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;opacity:.95;border:0;transition:all .2s ease-out}
  .icosite {background-color:#6829b7; -moz-border-radius: 10px;
  -webkit-border-radius: 10px;}
  .whitepaperlink {background-color:#606060; -moz-border-radius: 10px;
  -webkit-border-radius: 10px;}
  .icosite:hover {background-color:#29b765;color:#fff; opacity:1; -moz-border-radius: 20px;
  -webkit-border-radius: 20px;}
  .whitepaperlink:hover {background-color:#29b765;color:#fff; opacity:1; -moz-border-radius: 20px;
  -webkit-border-radius: 20px;}
  .icosite:before {content:&amp;#39;\f064&amp;#39;;font-size: 1.5em;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:18px;font-family:fontawesome;transition:all 0.5s ease-out;}
  .whitepaperlink:before {content:&amp;#39;\f1c1&amp;#39;;font-size: 1.5em;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:18px;font-family:fontawesome;transition:all 0.5s ease-out;}
  .watchyt,.whitepaperlink,.icosite{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;opacity:.95;border:0;transition:all .2s ease-out}
  .watchyt {background-color:#ff0000; -moz-border-radius: 10px;
  -webkit-border-radius: 10px;}
  .watchyt:hover {background-color:#29b765;color:#fff; opacity:1; -moz-border-radius: 20px;
  -webkit-border-radius: 20px;}
  .watchyt:before {content:&amp;#39;\f16a&amp;#39;;font-size: 1.5em;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:18px;font-family:fontawesome;transition:all 0.5s ease-out;}
  </code></pre>
  
  <p>Thank you!</p>