Подскажите пожалуйста как сделать такой шестиугольник как на фото? С внешней тенью вроде все получилось, но внутреннюю тень с золотым как-бы ободком никак не могу сделать. Помогите пожалуйста. Спасибо
.main-content__hexagon-1{
filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
}
.main-content__column{
clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
width: 400px;
height: 350px;
background-color: #161616;
}
.main-content__item{
filter: drop-shadow(0px 0px 8px rgb(0 0 0 / 70%));
}
.main-content__text{
font-weight: 400;
font-size: 40px;
line-height: math.div(49, 40);
text-transform: lowercase;
color: #ccba96;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 300px;
width: 340px;
clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
background-color: #161616;
position: relative;
top: 25px;
left: 30px;
}
<div class="main-content__hexagon-1">
<div class="main-content__column">
<div class="main-content__item">
<a href="#" class="main-content__text">Development</a>
</div>
</div>
</div>