Im trying to make sales cards but for some reason the button goes out of it. I want to get the effect which is shown below;
my code
HTML
Code:
<div class="package2">
<p>ADVANCED PACKAGE</p>
<div class="orange">
<h2 class='dollar'>$30</h2></div>
<p>Nullam suscipit vitae</p>
<p>Etiam faucibus</p>
<p>Vivamus viverra</p>
<a href="#" class="buttons5">PURCHASE</a>
</div>
</div>
CSS
Code:
.package2 {
background-color: #f9f9f9;
border: 1px solid #d7d7cf;
width: 100%;
height: 100%;
margin-left: 20px;
}
.orange {
background-color: #fd7c00;
}
.buttons5 {
background-color: #fd7c00;
text-decoration: none;
color: #fff;
padding: 5% 20%;
}