<html lang='en'>
  <head>
    <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
        <link href="./css/s2r.min.css" rel="stylesheet" type="text/css">
          <link href="./css/page/start.css" rel="stylesheet" type="text/css">
            <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Work+Sans&amp;display=swap">
            </head>
            <body>
              <a href="https://sketch2react.io" target="_blank">
                <button type="button" id="btn_9563" class="btn_9563 m16 btn btn-primary">
                  <span class="txt_1262 ">Filled Button</span>
                </button>
              </a>
              <script src="js/jquery-3.2.1.slim.min.js"></script>
              <script src="js/popper.min.js"></script>
              <script src="js/bootstrap.min.js"></script>
            </body>
          </html>
@import url("https://fonts.googleapis.com/css?family=Work+Sans&display=swap");

 .btn_9563 {
  opacity:1;
  background:rgba(86,10,228,1);
  border:1px solid rgba(86,10,228,1);
  mix-blend-mode:normal;
  border-radius:3px
}
.btn_9563:hover {
  text-decoration:none;
  opacity:1;
  background:rgba(86,10,228,0);
  border:1px solid rgba(86,10,228,1);
  mix-blend-mode:normal;
  border-radius:3px;
  letter-spacing:normal;
  text-align:center;
  line-height:21px;
  color:rgba(86,10,228,1);
  font-family:Poppins-Regular, 'Poppins', 'Poppins', sans-serif;
  font-size:16px;
  font-weight:400
}
.btn_9563:hover * {
  opacity:1;
  color:rgba(86,10,228,1) !important;
  text-decoration:none
}
 .txt_1262 {
  opacity:1;
  letter-spacing:normal;
  text-align:center;
  line-height:21px;
  color:rgba(255,255,255,1);
  font-family:WorkSans-Regular, 'Work Sans', 'Work-Sans', sans-serif;
  font-size:16px;
  font-weight:400;
  mix-blend-mode:normal
}
Run Pen

External CSS

  1. https://sketch2react.io/css/s2r.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.