<html>
<head>
<style>
    body {
        padding:10px;
        background-color:#f2f9ff!important;
        color:#bbb!important;
    }

    .svg-button {
        fill:none;
        fill-rule:evenodd;
        cursor:pointer;
        stroke: rgb(5, 255, 251);
        stroke-width: 2px;
        stroke-linejoin: round;
        stroke-miterlimit:10;
    }


    .buttons-hover a {
        border-bottom: none!important;
    }
    

    @media screen and (min-width: 600px) {
        .buttons-hover:hover .svg-button {
            fill: #006969;
        }
    }
</style>
</head>
<body style="font-family: Arial, Helvetica, Sans-Serif;background-color:#f2f9ff;color:#bbb!important;font-size: 15px;">                
    <div style="text-align:center;max-width:700px;margin:0 auto;padding:10px;color:#999!important;">
        <div style="height:20px;"></div>

        <div style="font-size:24px;font-weight:bold;color:#444;">Coliving App</div>


        <div style="height:10px;"></div>

        <div style="text-align:left;margin:15px;padding:20px;padding-top:30px;padding-bottom:30px;border:1px solid #999;background:#fff;border-radius:5px;color:#222!important;">
            Hello,
            <div style="height:15px;"></div>
            Your <a href="https://coliving.app/space/{{$uid}}" target="_blank" style="color:#00a5ff;text-decoration:underline;"><b>{{ $name }}</b></a> Coliving App profile claim has been approved!
            <div style="height:15px;"></div>
            You can now manage your space under <a href="https://coliving.app/my-spaces">My Spaces</a>, and you can also accept or decline join requests from coliving mates.
            <div style="height:25px;"></div>
            Best regards,<br>
            Coliving App
        </div>

        <div style="height:10px;"></div>

        Coliving App © 2025
        
        <div style="height:35px;"></div>

    </div>
</body>
</html>