This style guide is to serve as an aid and reference when creating and styling various elements. Note : Once you add these elements they will alter to the accurate sizing as there are no CSS Style Resets located here
Add Link
.btn-ld {
height : 26px ;
width : auto;
background-color : var (--blue );
font-size : 11px ;
} Get Started
.btn-gr {
width : auto;
height : 46px ;
font-size : 0.875rem ;
background-color : # c5203e
When the user wants to start the resume builder or generate the resume to download
Create New Resume
.btn-cr {
height : 56px ;
width : 120px ;
font-size : 0.875rem ;
background-color : # c5203eline-height : 1.3 ;
}
When the user wants to restart the process and create a new resume
<style>
.btn{
padding: 12px 12px;
text-align: center;
margin-top: 2rem;
font-weight: 700;
cursor: pointer;
border: none;
border-radius: 4px;
text-transform: capitalize;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
}
.btn-gr{
width:150px; /* width will be set to auto */
height:46px;
font-size: 0.875rem;
background-color: #c5203e;
}
.btn-ld{
height:26px;
width:90px; /* width will be set to auto */
background-color: #1a51a3;
font-size: 11px;
}
.btn-cr{
height:56px;
width:120px;
font-size: 0.875rem;
background-color: #c5203e;
line-height: 1.3;
}
</style>