这应该是这样的
长这样
<div class="button-section-two">
<div class="button-icon-two">
<object data="/assets/icons/Vector (1).svg" class="icon-two"> </object>
</div>
<span class="button-two-text">Start listening</span>
</div>
</div>
.button-section-two {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 24px;
gap: 8px;
position: absolute;
width: 165px;
height: 48px;
left: 24px;
top: 342px;
background: #65d46e;
border-radius: 200px;
}
.button-two-text {
width: 97px;
height: 16px;
font-family: "Lato";
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 100%;
/* identical to box height, or 16px */
letter-spacing: -0.01em;
color: #000000;
/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;
}
.button-icon-two {
width: 12px;
height: 12px;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
}
如何使按钮看起来与第一张图片中的一样?尝试使用来自 figma 的相同 css 代码,但都没有用。好像字体有点太大了,但我想我应该和 figma 一样使用,对吧?
尝试调整宽度
.button-two-text
(增加/减少)