<div class="container">
    <div/>
    <div>
        <div>
            Thank you! ❤
        </div>
    </div>
</div>

<style lang="scss">
    .container {
        position: absolute;
        transform: translate(40.2mm, 5mm) rotate(-45deg);
        display: grid;
        justify-self: end;
        vertical-align: bottom;
        align-self: flex-end;

        z-index: 0;

        > div:nth-child(1) {
            padding-top: 5mm;
            //border-bottom: #4472c4 dashed 2mm;

            background-image: linear-gradient(to right, #4472c4 70%, rgba(255,255,255,0) 0%);
            background-position: top;
            background-size: 6mm 1.5mm;
            background-repeat: repeat-x;
        }

        > div:nth-child(2) {
            background-color: #2f5496;
            width: 100mm;
            height: 25mm;

            // Text
            display: grid;
            place-content: center;
            align-content: flex-start;
            > div {
                padding-top: 3.5mm;
                color: #4a7bcf;
                font-weight: bold;
            }
        }
    }
</style>