Mi border-radius no funciona en las cuatro esquinas.

Estoy tratando de hacer que mi border-radius funcione en las cuatro esquinas pero no ocurre. ¿Alguien puede ayudarme?

Mi HTML:

#generic_table .generic_content .generic_head .generic_head_content .head_bg {
  border-color: #8cc63f;
  border-radius: 25px;
}

#generic_table .generic_content .generic_head .generic_head_content .head span {
  color: #fff;
}

#generic_table .generic_content {
  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 25px;
}

#generic_table .generic_content .generic_head .generic_head_content {
  margin: 0 0 30px 0;
}

#generic_table .generic_content .generic_head .generic_head_content .head_bg {
  border-style: solid;
  border-width: 45px 1300px 20px 399px;
  position: absolute;
}

#generic_table .generic_content .generic_head .generic_head_content .head {
  padding-top: 15px;
  position: relative;
}

#generic_table .generic_content .generic_head .generic_head_content .head span {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
}

<div id="generic_table">
  <div class="generic_content">
    <div class="generic_head">
      <div class="generic_head_content">
        <div class="head_bg"></div>
        <div class="head">
          <span>AÇÕES</span>
        </div>
      </div>
    </div>
  </div>
</div>

No tengo idea de qué puede estar pasando.

PD: Estoy haciendo algunas pruebas y creo que mi problema está con ‘head_bg’.