<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&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
}
This Pen doesn't use any external JavaScript resources.