Как обвести, или сделать на круге кнопку закрытия?

Question

[squirtazzer]

https://nashvybor27.ru

Внизу кнопочка голубая-принять участие в выставке. Кнопка закрытия(Х) теряется на белом фоне, как ее обвести, или сделать на кругляше?

.backform-item {
  position: fixed;
  	top:89vh;
  right:73px;
  z-index: 2;
    text-align: center;cursor: pointer
}

.backform {
    width: 300px;
    height: 30px;
    background-color: #00a7eb;
    border-radius: 0px;
    position: fixed;
    top: 95vh;
    right: 83px;
    z-index: 1;
	cursor: pointer;
		   

     

    
}
#clear_1{
    position: relative;
    top: 30px;
    color: #fff;
    z-index: 5;
}
#clear_1 h2{
    color: #fff;
	cursor: pointer
}

css

<div class="backform-item">
  <div class="backform">
    <a class="popmake-2884 pum-trigger" style="color: rgb(255, 255, 255); cursor: pointer;" href="#">
Принять участие в выставке ярмарке&nbsp;&nbsp;</a>
  </div>
  <div id="clear_1" class="delete"/><h1><b>&nbsp;×</b></h1></div>
</div>

html

СПАСИБО

Answer 1

[artyomunder]

Даже спрашивать не буду, почему у вас крестик в h1 завернут.

<div class="backform-item">
  <div class="backform">
    <a class="popmake-2884 pum-trigger" style="color: rgb(255, 255, 255); cursor: pointer;" href="#">
Принять участие в выставке ярмарке&nbsp;&nbsp;</a>
  </div>
  <div id="clear_1" class="delete"/><h1><b class="close_b">&nbsp;×</b></h1></div>
</div>

.close_b {
position: absolute;
    left: -6px;
    bottom: -13px;
}
h1 {
    background: #00a7eb;
    border-radius: 20px;
    width: 30px;
    height: 30px;
}

Comments

[squirtazzer]

https://nashvybor27.ru/ почему то криво получилось.скопировал ваш ксс и хтмл...

[artyomunder]

squirtazzer, ну так подгоните по пикселям

[squirtazzer]

artyomunder, все h1 заголовки на сайте стали с синей кнопкой

[artyomunder]

squirtazzer, ну так вы сами у себя прописали в h1 крестик. Замените на див