Ho创建带有圆形边框的透明三角形

Question

我需要创建这样的css块（参见图片），并使用带有弯曲部分的圆形边框。 my target what I want to create

我的代码现在看起来像：

.mediaQuote__curved
    margin: 40px auto 0
    width: 680px
    padding: 30px 40px 40px
    border-radius: 4px
    position: relative
    border: 4px solid $morange
    &:before
        content: ""
        bottom: 0
        right: 0
        position: absolute
        border: solid turquoise
        border-bottom: none
        border-right: none
        border-radius: 4px
        height: 50px
        width: 50px
        background: linear-gradient(to bottom right, transparent calc(50% - 3px), turquoise calc(50

但是现在看起来不像图片了

谢谢，祝你有美好的一天！