ボタン
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
.btn{ display: inline-block; padding: 1em; border: 0; background: #3770ad; color: #fff; text-decoration: none; border-radius: 8px; box-shadow: 4px 4px 0px #d0d0d0; } .btn:hover, .btn:active, .btn:focus{ background: #3498db; color: #FFF; box-shadow: 4px 4px 0px #e9e9e9; cursor: pointer; } .btn span{ padding-left: 18px; background: url(https://pct.unifas.net/wp-content/uploads/2020/12/icon-btn-arw01.png) left center no-repeat; } .btn-b{ padding: 25px 50px; background: #1f8ae5; font-size: 1.25em; } .btn-b:hover, .btn-b:active, .btn-b:focus{ background: #8fc5f2; cursor: pointer; } |