.active {
position: relative;
width: auto;
border-bottom: 1px solid;
color: #803c0e !important;
border-image: linear-gradient(
90deg,
rgba(255, 241, 225, 1),
rgba(255, 216, 165, 1),
rgba(255, 241, 225, 1)
)
1 1;
&::after {
content: "";
position: absolute;
bottom: -4px;
left: 50%;
width: 8px;
height: 8px;
background: #ffffff;
border-top: 1px solid #ffd7a6;
border-left: 1px solid #ffd7a6;
transform: translateX(-50%) rotate(45deg);
}