CSS /* 001 */ .button001 a { background: #eee; border-radius: 3px; position: relative; display: flex; justify-content: space-around; align-items: center; margin: 0 auto; max-width: 280px; padding: 10px 25px; color: #313131; transition: 0.3s ease-in-out; font-weight: 500; } .button001 a:hover { background: #313131; color: #FFF; } .button001 a:after { content: ''; width: 5px; height: 5px; border-top
![HTMLとCSSのコピペでできるボタンデザイン50選](https://cdn-ak-scissors.b.st-hatena.com/image/square/cea1b139022ab320272217a94518ff5c13a01e6b/height=288;version=1;width=512/https%3A%2F%2Fdubdesign.net%2Fwp-content%2Fuploads%2F2021%2F11%2Fbuttondesign_eyecatch-1-1024x587.jpg)