.tt-click-to-tweet {
position: relative;
overflow: visible;
display: block;
margin: 0 0 45px;
padding: 35px 42px 45px;
background-color: #fff;
border: solid 2px transparent;
border-radius: 0;
font-size: 20px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.6;
letter-spacing: 0.5px;
text-align: left;
color: #c0c0ca;
-webkit-transition: all 120ms eas-oute;
transition: all 120ms ease-out;
}
.tt-click-to-tweet::after {
content: '';
border: solid 2px #ececef;
position: absolute;
z-index: 2;
top: -1px;
left: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
border-radius: inherit;
-webkit-transition: all 140ms ease-out;
transition: all 140ms ease-out;
opacity: 1;
}
.tt-click-to-tweet-text {
-webkit-transition: all 120ms ease;
transition: all 120ms ease;
}
.tt-click-to-tweet-btn {
margin-top: 15px;
display: block;
text-align: right;
color: #141317;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 2.71;
letter-spacing: 0.7px;
color: #141317;
}
.tt-click-to-tweet-btn img {
display: inline-block;
margin-left: 6px;
width: 14px;
height: 12px;
}
.tt-click-to-tweet:hover {
border-color: #18bbf0;
}
.tt-click-to-tweet:hover::after {
border-color: #18bbf0;
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
.tt-click-to-tweet:hover .tt-click-to-tweet-text {
color: #18bbf0;
}