按钮模版:btn-light-2
小于 1 分钟
<div class="container">
<button class="btn-light-2">View Room</button>
</div>
.container {
display: flex;
justify-content: center;
align-items: center;
background: #fff;
width: 100%;
height: 200px;
}
.btn-light-2 {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 16px 28px;
border: 2px solid #3498db;
border-radius: 4px;
background-color: transparent;
color: #3498db;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.btn-light-2:hover {
background-color: #3498db;
color: #fff;
}