How can I modify a CTA button's code?

How can i edit cta button

I want to edit like this

La-Perla-Luxury-Lingerie-Nightwear-Swimwear.png

CAT current code :

{{ section.settings.text-box }}

{{ section.settings.linktext }}

{% schema %}
{
“name”: “Call to action”,
“settings”: [
{
“id”: “text-box”,
“type”: “text”,
“label”: “Heading”,
“default”: “Title”
},
{
“id”: “link”,
“type”: “url”,
“label”: “Button link”
},
{
“id”: “linktext”,
“type”: “text”,
“label”: “Button text”,
“default”: “Click here”
}
]
,
“presets”: [
{
“name”: “Call to Action”,
“category”: “Call To Action”
}
]
}
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}