Hover отрабатывает только при наведении на верхний бордер, а надо чтобы при наведении на всю кнопку, почему и как?

Question

[alessa888]

css :

.btn-modal {
display: inline-block;
	color: #fff;
   font-size: 16px;
   font-family: 'Lato';
   font-weight: 600;
	border-radius: 6px;
	border-style: solid;
}

.btn-modal_mod1 {
	transition: all 0.2s ease;
	color: #24293d;
	font-size: 14px;
	padding: 15px 28px;
	border: 2px #c87573 solid;
}
 
.btn-modal_mod1:hover {
	background-color: #c87573;
	color: #fff;
}

всё вроде стандартно, а работает только на верхнем бордере

Comments

[Сергей delphinpro]

кнопку что-то перекрывает

Answer 1

[alessa888]

добавила z индекс и всё ок, там картинка ниже перекрывала отрицательным марджином кнопку, фона нет, поэтому не сразу поняла

Comments

[Kentavr16]

отмечай вопрос решенным, чтобы люди не заходили.

[ProjectSoft]

alessa888

там картинка ниже перекрывала отрицательным марджином кнопку

добавила z индекс и всё ок,

Значит у вас ни всё правильно свёрстано.
Это является решением, хоть это и выглядит костылём. Вполне возможно, что всё можно решить иначе.