Выровнять кнопку со значком с более крупным шрифтом ⇐ CSS

[Anonymous]

У меня есть блок списка, в котором есть кнопка «Получить данные» со значком. Теперь я хочу переместить этот значок немного вниз и увеличить шрифт, однако, когда я пытаюсь это сделать, элемент списка не выравнивается с другими элементами (он устанавливается немного ниже, чем другие элементы)
Как лучше всего это сделать? Мне очень хочется, чтобы элементы в списке были выровнены по тексту.

Код: Выделить всё

.item-card {
display: block;
box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
cursor: pointer;
font-family: Titillium Web, sans-serif;
max-height: 70px;
}
.item-card:focus {
border: #b20c1c solid;
}

.justified-list {
padding: 5px;
width: 100%;
margin: 0;
}

button {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
}

button:hover:active:focus {
background-color: white;
color: #61070f;
}

.jl-item {
padding: 20px;
display: inline-block;
}
.jl-item:focus{
border: #61070f solid;
}

.btn-hent-pass {
color: #b20c1c;
text-decoration: none;
}

.float {
max-width: 1200px;
margin: 0 auto;
}

.float:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.float-item {
float: left;
}

.last{
float: right;
}

.iconStyle{
font-size: 25px;
position: relative;
top: 3px;
}

@media only screen and (max-width: 320px) {
}

@media only screen and (min-width: 345px) {
}

Код: Выделить всё

[*]

[list]
16-06-2021
[*]Text
[*]Get Data [i] [/i]

[/list]

[list]
[*]16-06-2021
[*]Text
[*]Get Data [i] [/i]

[/list]

Подробнее здесь: https://stackoverflow.com/questions/680 ... igger-font