Stretch Hover Button
ホバーで横に伸びるストレッチボタン。
HTML
<button class="stretch-btn">View All</button>
CSS
.stretch-btn {
padding: 11px 28px;
background: #1a1a1a;
color: #fff;
border: none;
border-radius: 50px;
font-size: 13px;
font-weight: 600;
font-family: inherit;
cursor: pointer;
transition: padding .3s cubic-bezier(.4,0,.2,1), letter-spacing .3s;
}
.stretch-btn:hover {
padding: 11px 42px;
letter-spacing: .08em;
}