CSS border-bottom-right-radius Property - Playground Example

<!DOCTYPE html><html><head><style type="text/css">.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 220px;
    background: #f3f4f6;
}

.box {
    width: 220px;
    height: 140px;
    background: #2563eb;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
    border: 4px solid #1e40af;
    border-bottom-right-radius: 40px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}
</style></head><body><div class="container">
    <div class="box">border-bottom-right-radius</div>
</div></body></html>