e-Services
a {
color: #fff;
text-decoration: none;
}
a.button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
padding: 1px;
border: 6px solid #fff;
border-radius: 40px;
background: #0070c0;
transition: 0.2s;
}
a.button .material-icons {
font-size: 12px;
transition: 0.2s;
}
a.button .label-hidden {
max-width: 0;
opacity: 0;
max-height: 1em;
white-space: nowrap;
transition: 0.2s;
}
a.button:hover .label-hidden {
max-width: 200px;
margin-left: 18px;
margin-right: 18px;
opacity: 1;
color: #fff;
}
Service details
SMS
a {
color: #fff;
text-decoration: none;
}
a.button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
padding: 1px;
border: 6px solid #fff;
border-radius: 40px;
background: #0070c0;
transition: 0.2s;
}
a.button .material-icons {
font-size: 12px;
transition: 0.2s;
}
a.button .label-hidden {
max-width: 0;
opacity: 0;
max-height: 1em;
white-space: nowrap;
transition: 0.2s;
}
a.button:hover .label-hidden {
max-width: 200px;
margin-left: 18px;
margin-right: 18px;
opacity: 1;
color: #fff;
}
Service details
Mobile App
a {
color: #fff;
text-decoration: none;
}
a.button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
padding: 1px;
border: 6px solid #fff;
border-radius: 40px;
background: #0070c0;
transition: 0.2s;
}
a.button .material-icons {
font-size: 12px;
transition: 0.2s;
}
a.button .label-hidden {
max-width: 0;
opacity: 0;
max-height: 1em;
white-space: nowrap;
transition: 0.2s;
}
a.button:hover .label-hidden {
max-width: 200px;
margin-left: 18px;
margin-right: 18px;
opacity: 1;
color: #fff;
}
Service details
E-Banking
a {
color: #fff;
text-decoration: none;
}
a.button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
padding: 1px;
border: 6px solid #fff;
border-radius: 40px;
background: #0070c0;
transition: 0.2s;
}
a.button .material-icons {
font-size: 12px;
transition: 0.2s;
}
a.button .label-hidden {
max-width: 0;
opacity: 0;
max-height: 1em;
white-space: nowrap;
transition: 0.2s;
}
a.button:hover .label-hidden {
max-width: 200px;
margin-left: 18px;
margin-right: 18px;
opacity: 1;
color: #fff;
}
Service details
Mobile Application Design
a {
color: #fff;
text-decoration: none;
}
a.button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
padding: 1px;
border: 6px solid #fff;
border-radius: 40px;
background: #0070c0;
transition: 0.2s;
}
a.button .material-icons {
font-size: 12px;
transition: 0.2s;
}
a.button .label-hidden {
max-width: 0;
opacity: 0;
max-height: 1em;
white-space: nowrap;
transition: 0.2s;
}
a.button:hover .label-hidden {
max-width: 200px;
margin-left: 18px;
margin-right: 18px;
opacity: 1;
color: #fff;
}
Service details
Cloud Applications
a {
color: #fff;
text-decoration: none;
}
a.button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
padding: 1px;
border: 6px solid #fff;
border-radius: 40px;
background: #0070c0;
transition: 0.2s;
}
a.button .material-icons {
font-size: 12px;
transition: 0.2s;
}
a.button .label-hidden {
max-width: 0;
opacity: 0;
max-height: 1em;
white-space: nowrap;
transition: 0.2s;
}
a.button:hover .label-hidden {
max-width: 200px;
margin-left: 18px;
margin-right: 18px;
opacity: 1;
color: #fff;
}
Service details