#ttcmstopoffer {
    float: right;
    width: auto;
    background: var(--secondary-bg-color);
    margin: 5px 0;
    border-radius: 5px;
}
#ttcmstopoffer a.offer-content {
    float: left;
    width: 100%;
    padding: 15px 17px;
    position: relative;
    padding-left: 18px;
}
#ttcmstopoffer p {
    margin: 0;
    float: right;
    font: 400 15px/20px var(--primary-font);
    color: var(--secondary-text-color);
}
#ttcmstopoffer a.offer-content::after {
	content: "%";
	line-height: 20px;
	font-weight: 500;
	transition: all .4s ease-in-out 0s;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	float: left;
	margin: 0 8px 0 0;
	color: var(--secondary-text-color);
}
#ttcmstopoffer:hover a.offer-content::after {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}