Переместить текст кнопки вниз и изменить цвет кнопки [дубликат] ⇐ CSS

[Anonymous]

В WordPress мне удалось изменить некоторые переключатели, чтобы они выглядели как кнопки, используя приведенный ниже CSS:
.gfield_radio {
list-style-type:none;
margin:25px 0 0 0;
padding:0;
}
.gfield_radio li {
float:left;
margin:0 5px 0 0;
width:250px;
height:60px;
position:relative;
}
.gfield_radio label, .gfield_radio input {
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.gfield_radio input[type="radio"] {
opacity:0.011;
z-index:100;
}
.gfield_radio input[type="radio"]:checked + label {
background: #248f24;
}
.gfield_radio label {
padding:5px;
border:1px solid #CCC;
cursor:pointer;
z-index:90;
color: white;
background: #5cd65c;
text-align: center;
}
.gfield_radio label:hover {
background: #248f24;
}

Вот как теперь выглядят переключатели:
[img]https://i. sstatic.net/iZMHRVj8.png[/img]

То, что я пытаюсь сделать сейчас, это сделать вторую кнопку красной и сдвинуть текст вниз к середине, что у меня, кажется, происходит проблема с выполнением.
Использование инспектор, я вижу переключатели:

< /p>
Моя попытка изменить цвет кнопки выглядит так:
.gfield_radio #choice_6265_6_0 {
background: red;
}

Моя попытка нажать текст кнопки вниз выглядит следующим образом:
.gfield_radio label {
padding:5px;
border:1px solid #CCC;
cursor:pointer;
z-index:90;
color: white;
background: #5cd65c;
text-align: center;
vertical-align: center; //

Подробнее здесь: https://stackoverflow.com/questions/792 ... tton-color