Design
<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
Button
Button HTML
<button class="blue">Log In With TBC</button>
<button class="transparent">თიბისით შესვლა</button>
Blue Button
.blue{
background-color: #00AEEF;
width: Fixed (240px);
border-Radius:4px;
border: 1px solid #00AEEF;
color: #ffffff;
font-family: TBC Sailec Regular!important;
text-transform: uppercase;
-webkit-font-feature-settings: "case";
font-feature-settings: "case" on;
font-weight: bold;
padding:14px 22px 14px 22px;
width:240px;
height: 72px;
font-size: 20px;
}
.blue:hover{
background-color:#5DC7EF;
}
.blue:focus{
background-color:#008BBF;
}
.blue:disabled,
.blue[disabled]{
background-color:#DCDCDC;
}
Transparent Button
.transparent{
background-color: #ffffff;
width: Fixed (240px);
border-Radius:4px;
border: 1px solid #00AEEF;
color: #00AEEF;
font-family: TBC Sailec Regular!important;
text-transform: uppercase;
-webkit-font-feature-settings: "case";
font-feature-settings: "case" on;
font-weight: bold;
padding:14px 22px 14px 22px;
width:240px;
height: 72px;
font-size: 20px;
}
.transparent:hover{
background-color:#FAFAFA;
}
.transparent:focus{
background-color:#F4F4F4;
}
.transparent:disabled,
.transparent[disabled]{
color:#DCDCDC;
background-color:#FFFFFF;
}
Check Box
<button class="blue">Log In With TBC</button>
<button class="transparent">თიბისით შესვლა</button>
Blue Button
.blue{
background-color: #00AEEF;
width: Fixed (240px);
border-Radius:4px;
border: 1px solid #00AEEF;
color: #ffffff;
font-family: TBC Sailec Regular!important;
text-transform: uppercase;
-webkit-font-feature-settings: "case";
font-feature-settings: "case" on;
font-weight: bold;
padding:14px 22px 14px 22px;
width:240px;
height: 72px;
font-size: 20px;
}
.blue:hover{
background-color:#5DC7EF;
}
.blue:focus{
background-color:#008BBF;
}
.blue:disabled,
.blue[disabled]{
background-color:#DCDCDC;
}
Textbox
Textbox HTML
<button class="blue">Log In With TBC</button>
<button class="transparent">თიბისით შესვლა</button>
Blue Textbox
.blue{
background-color: #00AEEF;
width: Fixed (240px);
border-Radius:4px;
border: 1px solid #00AEEF;
color: #ffffff;
font-family: TBC Sailec Regular!important;
text-transform: uppercase;
-webkit-font-feature-settings: "case";
font-feature-settings: "case" on;
font-weight: bold;
padding:14px 22px 14px 22px;
width:240px;
height: 72px;
font-size: 20px;
}
.blue:hover{
background-color:#5DC7EF;
}
.blue:focus{
background-color:#008BBF;
}
.blue:disabled,
.blue[disabled]{
background-color:#DCDCDC;
}
jhjhdfjkghfdkgdfjgdk
Textbox
<!DOCTYPE html>
<html lang="en">
<body>
<div class="textBox">
<img src="mark.svg" id="errorMark" width=15 />
<label for="name" data-placeholder="Name"></label>
<input type="text" class="text" id="text" placeholder="Name" data-js="form-text">
<label id="errorMessage">Error Message</label>
</div>
</body>
</html>
.textBox{
position: relative; width:300px;
}
#errorMark{
filter: invert(37%) sepia(34%) saturate(3725%) hue-rotate(337deg) brightness(97%) contrast(89%);
position: absolute;
right: 0px;
top: 40px;
display: none;
}
#errorMessage{
color:#eb4949;
margin-top: 5px;
display: none;
}
label {
display: inline-block;
position: relative;
width: 100%;
}
label.active:after {
bottom: -30px;
left: 13px;
color: #888;
content: attr(data-placeholder);
position: absolute;
}
.text{
width: 300px;
height: 50px;
padding-left: 10px;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
border-radius: 4px;
border: 2px solid #dadada;
}
.text:focus{
border: 2px solid #00aeef;
}
.text:disabled,
.text[disabled]{
color:#bbbbbb;
background-color:#fafafa;
border: 2px solid #dadada;
}
.textBoxError{
border: 2px solid #eb4949!important;
}
document.addEventListener("DOMContentLoaded", function(event) {
var formText = document.querySelectorAll('[data-js=form-text]');
[].forEach.call(formText, function(el, i) {
var thisLabel = el.parentNode.querySelector('label');
el.onkeyup = function() {
if (el.value.length > 0) {
thisLabel.classList.add('active');
} else {
thisLabel.classList.remove('active');
}
};
});
const input = document.getElementById("text");
input.addEventListener("keyup", logKey);
function logKey(e) {
if (input.value.length != 0) {
input.style.paddingTop = "20px";
input.style.height = "30px";
input.classList.remove("textBoxError");
document.getElementById("errorMark").style.display = "none";
document.getElementById("errorMessage").style.display = "none";
} else {
input.style.paddingTop = "0px";
input.style.height = "50px";
input.classList.add("textBoxError");
document.getElementById("errorMark").style.display = "block";
document.getElementById("errorMessage").style.display = "block";
}
}
});
TEXTBOX
HTML
<html lang="en">
<body>
<div class="textBox">
<img src="mark.svg" id="errorMark" width=15 />
<label for="name" data-placeholder="Name"></label>
<input type="text" class="text" id="text" placeholder="Name" data-js="form-text">
<label id="errorMessage">Error Message</label>
</div>
</body>
</html>
Style
.textBox{
position: relative; width:300px;
}
#errorMark{
filter: invert(37%) sepia(34%) saturate(3725%) hue-rotate(337deg) brightness(97%) contrast(89%);
position: absolute;
right: 0px;
top: 40px;
display: none;
}
#errorMessage{
color:#eb4949;
margin-top: 5px;
display: none;
}
label {
display: inline-block;
position: relative;
width: 100%;
}
label.active:after {
bottom: -30px;
left: 13px;
color: #888;
content: attr(data-placeholder);
position: absolute;
}
.text{
width: 300px;
height: 50px;
padding-left: 10px;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
border-radius: 4px;
border: 2px solid #dadada;
}
.text:focus{
border: 2px solid #00aeef;
}
.text:disabled,
.text[disabled]{
color:#bbbbbb;
background-color:#fafafa;
border: 2px solid #dadada;
}
.textBoxError{
border: 2px solid #eb4949!important;
}
JavaScript
document.addEventListener("DOMContentLoaded", function(event) {
var formText = document.querySelectorAll('[data-js=form-text]');
[].forEach.call(formText, function(el, i) {
var thisLabel = el.parentNode.querySelector('label');
el.onkeyup = function() {
if (el.value.length > 0) {
thisLabel.classList.add('active');
} else {
thisLabel.classList.remove('active');
}
};
});
const input = document.getElementById("text");
input.addEventListener("keyup", logKey);
function logKey(e) {
if (input.value.length != 0) {
input.style.paddingTop = "20px";
input.style.height = "30px";
input.classList.remove("textBoxError");
document.getElementById("errorMark").style.display = "none";
document.getElementById("errorMessage").style.display = "none";
} else {
input.style.paddingTop = "0px";
input.style.height = "50px";
input.classList.add("textBoxError");
document.getElementById("errorMark").style.display = "block";
document.getElementById("errorMessage").style.display = "block";
}
}
});
Buttons
თიბისით შესვლა
Tbc Blue
Blue UpperCase
<button class="tbcButton tbcButtonBlue upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> თიბისით შესვლა </button>
Blue LowerCase
<button class="tbcButton tbcButtonBlue">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> თიბისით შესვლა </button>
Blue IconOnly
<p>Blue IconOnly</p>
<button class="tbcButtonIconOnly tbcButtonBlue">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg>
</button>
Light
Light UpperCase
<button class="tbcButton tbcButtonLight upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg> თიბისით შესვლა </button>
Light LowerCase
<button class="tbcButton tbcButtonLight">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg> თიბისით შესვლა </button>
Light IconOnly
<button class="tbcButtonIconOnly tbcButtonLight">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg>
</button>
Light Monochrome
Light Monochrome UpperCase
<button class="tbcButton tbcButtonLightMonochrome upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg> თიბისით შესვლა </button>
Light Monochrome LowerCase
<button class="tbcButton tbcButtonLightMonochrome">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg> თიბისით შესვლა </button>
Light Monochrome IconOnly
<button class="tbcButtonIconOnly tbcButtonLightMonochrome">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg>
</button>
Dark Monochrome
Dark Monochrome UpperCase
<button class="tbcButton tbcButtonDarkMonochrome upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> თიბისით შესვლა </button>
Dark Monochrome LowerCase
<button class="tbcButton tbcButtonDarkMonochrome">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> თიბისით შესვლა </button>
Dark Monochrome IconOnly
<button class="tbcButtonIconOnly tbcButtonDarkMonochrome">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg>
</button>
Sign in with TBC
TBC Blue
Blue UpperCase
<button class="tbcButton tbcButtonBlue upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> Sign in with TBC </button>
Blue LowerCase
<button class="tbcButton tbcButtonBlue">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> Sign in with TBC </button>
Blue IconOnly
<button class="tbcButtonIconOnly tbcButtonBlue">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg>
</button>
Light
Light UpperCase
<button class="tbcButton tbcButtonLight upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg> Sign in with TBC </button>
Light LowerCase
<button class="tbcButton tbcButtonLight">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg> Sign in with TBC </button>
Light IconOnly
<button class="tbcButtonIconOnly tbcButtonLight">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg>
</button>
Light Monochrome
Light Monochrome UpperCase
<button class="tbcButton tbcButtonLightMonochrome upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg> Sign in with TBC </button>
Light Monochrome LowerCase
<button class="tbcButton tbcButtonLightMonochrome">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg> Sign in with TBC </button>
Light Monochrome IconOnly
<button class="tbcButtonIconOnly tbcButtonLightMonochrome">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg>
</button>
Dark Monochrome
Dark Monochrome UpperCase
<button class="tbcButton tbcButtonDarkMonochrome upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> Sign in with TBC </button>
Dark Monochrome LowerCase
<button class="tbcButton tbcButtonDarkMonochrome">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> Sign in with TBC </button>
Dark Monochrome IconOnly
<button class="tbcButtonIconOnly tbcButtonDarkMonochrome">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg>
</button>
თიბისით რეგისტრაცია
Tbc Blue
Blue UpperCase
<button class="tbcButton tbcButtonBlue upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> თიბისით რეგისტრაცია </button>
Blue LowerCase
<button class="tbcButton tbcButtonBlue">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> თიბისით რეგისტრაცია </button>
Blue IconOnly
<button class="tbcButtonIconOnly tbcButtonBlue">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg>
</button>
Light
Light UpperCase
<button class="tbcButton tbcButtonLight upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg> თიბისით რეგისტრაცია </button>
Light LowerCase
<button class="tbcButton tbcButtonLight">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg> თიბისით რეგისტრაცია </button>
Light IconOnly
<button class="tbcButtonIconOnly tbcButtonLight">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg>
</button>
Light Monochrome
Light Monochrome UpperCase
<button class="tbcButton tbcButtonLightMonochrome upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg> თიბისით რეგისტრაცია </button>
Light Monochrome LowerCase
<button class="tbcButton tbcButtonLightMonochrome">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg> თიბისით რეგისტრაცია </button>
Light Monochrome IconOnly
<button class="tbcButtonIconOnly tbcButtonLightMonochrome">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg>
</button>
Dark Monochrome
Dark Monochrome UpperCase
<button class="tbcButton tbcButtonDarkMonochrome upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> თიბისით რეგისტრაცია </button>
Dark Monochrome LowerCase
<button class="tbcButton tbcButtonDarkMonochrome">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> თიბისით რეგისტრაცია </button>
Dark Monochrome IconOnly
<button class="tbcButtonIconOnly tbcButtonDarkMonochrome">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg>
</button>
Sign up with TBC
Tbc Blue
Blue UpperCase
<button class="tbcButton tbcButtonBlue upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> Sign up with TBC </button>
Blue LowerCase
<button class="tbcButton tbcButtonBlue">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> Sign up with TBC </button>
Blue IconOnly
<button class="tbcButtonIconOnly tbcButtonBlue">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg>
</button>
Light
Light UpperCase
<button class="tbcButton tbcButtonLight upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg> Sign up with TBC </button>
Light LowerCase
<button class="tbcButton tbcButtonLight">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg> Sign up with TBC </button>
Light IconOnly
<button class="tbcButtonIconOnly tbcButtonLight">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg>
</button>
Light Monochrome
Light Monochrome UpperCase
<button class="tbcButton tbcButtonLightMonochrome upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg> Sign up with TBC </button>
Light Monochrome LowerCase
<button class="tbcButton tbcButtonLightMonochrome">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg> Sign up with TBC </button>
Light Monochrome IconOnly
<button class="tbcButtonIconOnly tbcButtonLightMonochrome">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62"/>
</svg>
</button>
Dark Monochrome
Dark Monochrome UpperCase
<button class="tbcButton tbcButtonDarkMonochrome upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> Sign up with TBC </button>
Dark Monochrome LowerCase
<button class="tbcButton tbcButtonDarkMonochrome">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> Sign up with TBC </button>
Dark Monochrome IconOnly
<button class="tbcButtonIconOnly tbcButtonDarkMonochrome">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg>
</button>
თიბისით გაგრძელება
Tbc Blue
Blue UpperCase
<button class="tbcButton tbcButtonBlue upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> თიბისით გაგრძელება </button>
Blue LowerCase
<button class="tbcButton tbcButtonBlue">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> თიბისით გაგრძელება </button>
Blue IconOnly
<button class="tbcButtonIconOnly tbcButtonBlue">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg>
</button>
Light
Light UpperCase
<button class="tbcButton tbcButtonLight upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg> თიბისით გაგრძელება </button>
Light LowerCase
<button class="tbcButton tbcButtonLight">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg> თიბისით გაგრძელება </button>
Light IconOnly
<button class="tbcButtonIconOnly tbcButtonLight">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg>
</button>
Light Monochrome
Light Monochrome UpperCase
<p>Light Monochrome UpperCase</p>
<button class="tbcButton tbcButtonLightMonochrome upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg> თიბისით გაგრძელება </button>
Light Monochrome LowerCase
<button class="tbcButton tbcButtonLightMonochrome">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg> თიბისით გაგრძელება </button>
Light Monochrome IconOnly
<button class="tbcButtonIconOnly tbcButtonLightMonochrome">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg>
</button>
Dark Monochrome
Dark Monochrome UpperCase
<button class="tbcButton tbcButtonDarkMonochrome upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> თიბისით გაგრძელება </button>
Dark Monochrome LowerCase
<button class="tbcButton tbcButtonDarkMonochrome">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> თიბისით გაგრძელება </button>
Dark Monochrome IconOnly
<button class="tbcButtonIconOnly tbcButtonDarkMonochrome">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg>
</button>
Continue with TBC
Tbc Blue
Blue UpperCase
<button class="tbcButton tbcButtonBlue upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> Continue with TBC </button>
Blue LowerCase
<button class="tbcButton tbcButtonBlue">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white"/>
</svg>
Continue with TBC
</button>
Blue IconOnly
<button class="tbcButtonIconOnly tbcButtonBlue">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg>
</button>
Light
Light UpperCase
<button class="tbcButton tbcButtonLight upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg> Continue with TBC </button>
Light LowerCase
<button class="tbcButton tbcButtonLight">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg> Continue with TBC </button>
Light IconOnly
<button class="tbcButtonIconOnly tbcButtonLight">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#00ADEE" />
</svg>
</button>
Light Monochrome
Light Monochrome UpperCase
<button class="tbcButton tbcButtonLightMonochrome upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg> Continue with TBC </button>
Light Monochrome LowerCase
<button class="tbcButton tbcButtonLightMonochrome">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg> Continue with TBC </button>
Light Monochrome IconOnly
<button class="tbcButtonIconOnly tbcButtonLightMonochrome">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="#555F62" />
</svg>
</button>
Dark Monochrome
Dark Monochrome UpperCase
<button class="tbcButton tbcButtonDarkMonochrome upperCase">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> Continue with TBC </button>
Dark Monochrome LowerCase
<button class="tbcButton tbcButtonDarkMonochrome">
<svg class="tbcLogo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg> Continue with TBC </button>
Dark Monochrome IconOnly
<button class="tbcButtonIconOnly tbcButtonDarkMonochrome">
<svg class="tbcLogoIconOnlyButton" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8002 13.3957C10.8403 14.0568 10.6264 14.5626 10.1811 15.0023C8.85551 16.3109 6.11906 18.2847 3.37202 19.3352L3.36969 19.3361C3.27123 19.3739 2.94588 19.4986 2.65881 19.5256C2.21344 19.5679 2 19.2895 2 18.9605C2 18.8438 2.0593 18.6572 2.07101 18.6239C2.737 16.7238 5.00845 12.5926 5.97513 10.8911C7.18622 8.75939 10.3643 3.63089 10.844 3.06764C10.892 3.00607 10.9785 2.98038 11.0518 3.01664C11.1307 3.05555 11.1934 3.10542 11.1156 3.38836C10.699 4.90999 10.0964 8.22071 10.7186 12.7444L10.7217 12.7659L10.7217 12.7659C10.7545 12.9934 10.7841 13.199 10.8002 13.3957ZM11.567 15.5678C12.1193 15.2025 12.6644 15.1349 13.2677 15.3007C15.0639 15.7945 18.1411 17.1771 20.425 19.0312L20.4251 19.0312C20.5045 19.0955 20.7779 19.3168 20.9463 19.5536C21.2058 19.9181 21.0714 20.2423 20.7862 20.4066C20.6853 20.4651 20.4938 20.5067 20.4594 20.5135C18.4807 20.8867 13.7675 20.9849 11.8107 20.9989C9.35868 21.0159 3.32856 20.8278 2.601 20.6941C2.52394 20.6831 2.4582 20.6208 2.45291 20.5396C2.44687 20.4515 2.45934 20.3726 2.74266 20.2982C4.26879 19.8985 7.43702 18.7648 11.0438 15.9641C11.2312 15.8164 11.3997 15.6838 11.567 15.5678ZM11.9834 12.478C12.1413 13.0835 12.4722 13.5217 13.0649 13.8175C13.2488 13.9044 13.4483 13.9841 13.6697 14.0721C17.8986 15.7955 20.4644 17.9729 21.5735 19.0945C21.7797 19.303 21.8541 19.2739 21.9274 19.2248C21.9954 19.1795 22.0162 19.0918 21.9875 19.0193C21.7393 18.3223 18.8872 13.0057 17.6463 10.891C16.6562 9.20314 14.214 5.17052 12.9017 3.64361C12.8786 3.61678 12.7468 3.4721 12.6459 3.41354C12.3607 3.24922 12.0132 3.29455 11.827 3.70178C11.7079 3.96186 11.653 4.30331 11.6358 4.4099L11.6351 4.41461C11.1716 7.31923 11.5127 10.6757 11.9834 12.478Z" fill="white" />
</svg>
</button>
Styles
.tbcButton{
cursor: pointer;
padding: 16px 24px 16px 0px;
height: 56px;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
position: relative;
font-family: TBC X!important;
display: inline-flex;
align-items: center;
}
.tbcButtonBlue{
background-color: #00ADEE;
border: 1px solid #00ADEE;
color: #FFF;
}
.tbcButtonLight{
background-color: #FFF;
border: 1px solid #E1E4E5;
color: #555F62;
}
.tbcButtonLightMonochrome{
background-color: #FFF;
border: 1px solid #E1E4E5;
color: #555F62;
}
.tbcButtonDarkMonochrome{
background-color: #31383A;
border: 1px solid #BCC1C2;
color: #FFF;
}
.tbcButtonIconOnly{
cursor: pointer;
width: 56px;
height: 56px;
border-radius: 6px;
position: relative;
}
.tbcLogoIconOnlyButton{
position: relative;
right: 0px;
vertical-align: middle;
}
.tbcLogo{
position: relative;
padding: 16px 16px 16px 24px;
}
.upperCase{
text-transform: uppercase;
-webkit-font-feature-settings: "case";
-moz-font-feature-settings: 'case';
font-feature-settings: "case" on;
Updated 11 months ago