ENG
Français
Español
Buttons Style 1
<div class="button-style-1">
<div class="container">
<div class="item">
<a href="#" class="btn btn-primary btn-style-1 btn-style-sm" title="Title">Button
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="61.276" height="42.422" viewBox="0 0 61.276 42.422">
<path id="Icon_ionic-ios-arrow-round-forward" data-name="Icon ionic-ios-arrow-round-forward" d="M46.952,12.064a2.965,2.965,0,0,0-.021,4.065L59.871,29.584H10.621a2.875,2.875,0,0,0,0,5.744H59.85L46.909,48.783a2.987,2.987,0,0,0,.021,4.065,2.685,2.685,0,0,0,3.895-.022L68.363,34.488h0a3.238,3.238,0,0,0,.575-.906,2.832,2.832,0,0,0,.213-1.1,2.938,2.938,0,0,0-.787-2.01L50.826,12.13A2.642,2.642,0,0,0,46.952,12.064Z" transform="translate(-7.875 -11.252)"/>
</svg>
</span>
</a>
<a href="#" class="btn btn-primary btn-style-1 btn-style-md" title="Title">Button Style
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="61.276" height="42.422" viewBox="0 0 61.276 42.422">
<path id="Icon_ionic-ios-arrow-round-forward" data-name="Icon ionic-ios-arrow-round-forward" d="M46.952,12.064a2.965,2.965,0,0,0-.021,4.065L59.871,29.584H10.621a2.875,2.875,0,0,0,0,5.744H59.85L46.909,48.783a2.987,2.987,0,0,0,.021,4.065,2.685,2.685,0,0,0,3.895-.022L68.363,34.488h0a3.238,3.238,0,0,0,.575-.906,2.832,2.832,0,0,0,.213-1.1,2.938,2.938,0,0,0-.787-2.01L50.826,12.13A2.642,2.642,0,0,0,46.952,12.064Z" transform="translate(-7.875 -11.252)"/>
</svg>
</span>
</a>
<a href="#" class="btn btn-primary btn-style-1 btn-style-lg" title="Title">Button Style
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="61.276" height="42.422" viewBox="0 0 61.276 42.422">
<path id="Icon_ionic-ios-arrow-round-forward" data-name="Icon ionic-ios-arrow-round-forward" d="M46.952,12.064a2.965,2.965,0,0,0-.021,4.065L59.871,29.584H10.621a2.875,2.875,0,0,0,0,5.744H59.85L46.909,48.783a2.987,2.987,0,0,0,.021,4.065,2.685,2.685,0,0,0,3.895-.022L68.363,34.488h0a3.238,3.238,0,0,0,.575-.906,2.832,2.832,0,0,0,.213-1.1,2.938,2.938,0,0,0-.787-2.01L50.826,12.13A2.642,2.642,0,0,0,46.952,12.064Z" transform="translate(-7.875 -11.252)"/>
</svg>
</span>
</a>
</div>
</div>
</div>
Buttons Style 2
<div class="button-style-2">
<div class="container">
<div class="item">
<a href="#" class="btn btn-primary btn-style-2 btn-style-sm" title="Title">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="43.192" height="43.192" viewBox="0 0 43.192 43.192">
<path id="Path_38646" data-name="Path 38646" d="M45.192,20h-18V2H20V20H2v7.2H20v18h7.2v-18h18Z" transform="translate(-2 -2)"/>
</svg>
</span>Button
</a>
<a href="#" class="btn btn-primary btn-style-2 btn-style-md" title="Title">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="43.192" height="43.192" viewBox="0 0 43.192 43.192">
<path id="Path_38646" data-name="Path 38646" d="M45.192,20h-18V2H20V20H2v7.2H20v18h7.2v-18h18Z" transform="translate(-2 -2)"/>
</svg>
</span>Button Style
</a>
<a href="#" class="btn btn-primary btn-style-2 btn-style-lg" title="Title">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="43.192" height="43.192" viewBox="0 0 43.192 43.192">
<path id="Path_38646" data-name="Path 38646" d="M45.192,20h-18V2H20V20H2v7.2H20v18h7.2v-18h18Z" transform="translate(-2 -2)"/>
</svg>
</span>Button Style
</a>
</div>
</div>
</div>
Buttons Style 3
<div class="button-style-3">
<div class="container">
<div class="item">
<a href="#" class="btn btn-primary btn-style-3 btn-style-sm" title="Title">Button</a>
<a href="#" class="btn btn-primary btn-style-3 btn-style-md" title="Title">Button Style</a>
<a href="#" class="btn btn-primary btn-style-3 btn-style-lg" title="Title">Button Style</a>
</div>
</div>
</div>
Buttons Style 4
<div class="button-style-4">
<div class="container">
<div class="item">
<a href="#" class="btn btn-primary btn-style-4 btn-style-sm" title="Title">Button</a>
<a href="#" class="btn btn-primary btn-style-4 btn-style-md" title="Title">Button Style</a>
<a href="#" class="btn btn-primary btn-style-4 btn-style-lg" title="Title">Button Style</a>
</div>
</div>
</div>
Buttons Style 5
<div class="button-style-5">
<div class="container">
<div class="item">
<a href="#" class="btn btn-primary btn-style-5 btn-style-sm" title="Title">Button
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
<g id="Group_39243" data-name="Group 39243" transform="translate(-729.151 -2649.15)">
<g id="Rectangle_21" data-name="Rectangle 21" transform="translate(729.151 2649.15)" fill="none" stroke="#f37272" stroke-width="1">
<rect width="12" height="12" rx="6" stroke="none"/>
<rect x="0.5" y="0.5" width="11" height="11" rx="5.5" fill="none"/>
</g>
<path id="Path_55" data-name="Path 55" d="M68.558,65.9h-1.9V64H65.9v1.9H64v.76h1.9v1.9h.76v-1.9h1.9Z" transform="translate(668.872 2588.873)" fill="#f37272"/>
</g>
</svg>
</a>
<a href="#" class="btn btn-primary btn-style-5 btn-style-md" title="Title">Button Style
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
<g id="Group_39243" data-name="Group 39243" transform="translate(-729.151 -2649.15)">
<g id="Rectangle_21" data-name="Rectangle 21" transform="translate(729.151 2649.15)" fill="none" stroke="#f37272" stroke-width="1">
<rect width="12" height="12" rx="6" stroke="none"/>
<rect x="0.5" y="0.5" width="11" height="11" rx="5.5" fill="none"/>
</g>
<path id="Path_55" data-name="Path 55" d="M68.558,65.9h-1.9V64H65.9v1.9H64v.76h1.9v1.9h.76v-1.9h1.9Z" transform="translate(668.872 2588.873)" fill="#f37272"/>
</g>
</svg>
</a>
<a href="#" class="btn btn-primary btn-style-5 btn-style-lg" title="Title">Button Style
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
<g id="Group_39243" data-name="Group 39243" transform="translate(-729.151 -2649.15)">
<g id="Rectangle_21" data-name="Rectangle 21" transform="translate(729.151 2649.15)" fill="none" stroke="#f37272" stroke-width="1">
<rect width="12" height="12" rx="6" stroke="none"/>
<rect x="0.5" y="0.5" width="11" height="11" rx="5.5" fill="none"/>
</g>
<path id="Path_55" data-name="Path 55" d="M68.558,65.9h-1.9V64H65.9v1.9H64v.76h1.9v1.9h.76v-1.9h1.9Z" transform="translate(668.872 2588.873)" fill="#f37272"/>
</g>
</svg>
</a>
</div>
</div>
</div>