<a href=”https://notebahadur.com/wp-content/uploads/2019/08/grade_12_economics.pdf” target=”_blank” rel=”noopener noreferrer”><button class=”content-table”>Economics</button></a>

 

<style>
.content-table{width: 100%;display: flex; justify-content: center;}<br /> .left-content-table{width: 50%;}<br /> .right-content-table{width: 50%;}<br /> .left-content-table,.right-content-table h2,p{text-align: left;}<br /> .footer-buttons a{text-decoration: none;color: #000;font-size: 18px;text-align: center;}<br /> .footer-buttons{display: flex;margin-top: 25px;}<br /> .footer-buttons p{padding: 14px 16px;background:#2ee0d5;width: 142px;border-radius: 10px;}<br /> .footer-buttons p:hover{background: #edf86d;}.margin-left{margin-left:10px;}<br /> button{padding: 12px 14px;background:#2ee0d5; }<br /> button a{color: #fff;font-size: 18px;text-align: center;text-decoration: none;}<br /> button:hover{background: darkgray;}button a:hover{color: #000;}</p>
<p> @media(max-width: 768px){button {display: block;margin-top: 10px;}.margin-left {margin-left:0px;}}</p>
</style>