It's normal behavior, you have no mistake in your CSS.
Possible solution is to make something like this
.plan {margin-top: 25px; overflow: visible;} /* here just remove overflow: hidden to show .plan-name outside of .plan */
.plan-name {margin-top: -25px; border-top-right-radius: 25px; border-top-left-radius: 25px;}
Using this code .plan
's radius is hidden underneath .plan-name
and isn't visible in corners.
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…