效果
源码
<!DOCTYPE html>
<html>
<head>
<title>CSS Modern Button</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<a href="#" style="--clr:#1e9bff"><span>Button</span><i></i></a>
<a href="#" style="--clr:#ff1867"><span>Button</span><i></i></a>
<a href="#" style="--clr:#6eff3e"><span>Button</span><i></i></a>
</body>
</html>
css
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap')
