Welcome to this platform! I recently encountered an issue with aligning buttons properly. Despite using justify-content: space-between, I couldn't achieve the desired spacing between the buttons. The current setup has significant gaps between them. How can I align the buttons to the right with adequate spacing in between? Thanks for your help!
<!DOCTYPE html>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--==================== UNICONS paste link from iconscout.com====================-->
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<!--==================== SWIPER CSS====================
check whether I need to use swiper bundle.css or If I don't want to include Swiper
files in my project, I may use it from CDN:
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
-->
<title>Y.Eser Stukadoors Schilderwerk | Professionele stukadoorsbedrijf Nederland</title>
<header class="header" id="header">
<nav class="nav container">
<a href="#" class="nav__logo">Custom logo here</a>
<div class="btn">
<div style = "display: flex; justify-content:flex-end; justify-content:space-between">
<button>
<a href="tel:+31064301327"><strong>Call Us</strong>
</button>
<br>
<button>
<a href="<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="482d3b2d3a66313d3b3d3e7d700820273c25292124662b2725">[email protected]</a>"><strong>Email Us</strong>
</a>
</button>
</div>
</div>