.botonback {
    float: right;
}
.botonback a{
    padding: 6px 10px !important;
}

.favorite {
    background-color: #fff;
    border: 2px solid #e73d3d;
    float: right;
    margin: 25px 50px 0px 0px;
    top: 0px;
    right: 0px;
    z-index: 50;
    position: relative;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
}

.favorite i {
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    content: "";
    width: 37px;
    height: 37px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzlCMEQ4RjA3NTQ2MTFFODlGNTdDQUI3QkZCRkMxOEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzlCMEQ4RUY3NTQ2MTFFODlGNTdDQUI3QkZCRkMxOEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjExRERGNTA2OUJBMTFFODlCNjdEQUNCQjQ5NDYwN0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjExRERGNTE2OUJBMTFFODlCNjdEQUNCQjQ5NDYwN0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ZhXvXAAADG0lEQVR42ryWbYhMURjH76xB2FqFkJhJs4sdPvig7N5rbUtJfJB8UApJq8mGpEVKW8p6+SKW5IOVL5Qi4YPkpdybomjZXayX0DLMlihWu17G/7nzH525e+/s3juTU7/Zu+eee/7nec5zzvOE0tW6FqCtBCfAH1CvWeZVvxOUePTvBR/BFJd3Y8FpPo8AZzTdKB0wSjciIAW2+xF+BCaCky7vtoEysAvsAeNAg8u4U2ACaHcTCOVxdRMYDRqVPrHsDfgCZnLhL8FIEIXLfygWH8VvEn3NbpOH82xDk0tfAy0Ua3+x7wA4DjaBI/9GWuaWfHsc8hFco8A7IFbFQL/S/5rPEQj2FxJcbk0sGg/2K6Ia3XsQTAIbhjqZl8XD7D3TtHIwgxauAX1gOq3OCst+jsHTW/acA13gBXhue8kyf+cTXkKrKjn5cMfYFFgLruf0inAmmJbZRyvjFbX9ZAA+A8cw/rYqHOEKQ9yv7Iq7uGr5sBukB/gmK5wRl++n0lMVJMYTEOWFI9GfzEZ1OS08BHZqQZtlphmAwk3HhXIYvzu4kGQ2uO7RQjmzCa3YTTcSFBXv3Vej+juoA694ByeKKLqZc8rci+GVPudxkj2sLaq4bshF08I5ayHa7XWOiyeeEW3mXV2tinpdIE7x9QFE6xXROoimhnpzifgC8JVn22/bCHoo2uOVJCaDVTyjLcq7T8y3nwMIf7O/dYrqhqRUucUulDDEJYVtdXwcZQLoDCDcbuds3XAWEo3Uag8zsfcCZ/kym387Agh3KHO8V/rlJlsu3ggrZYzmIfzE4/1cuu2xh8XS4jl3u2XKFpwfLC3Gue9PnTEL7oKHoA3uvAPm57HYdz6Os8zp5f9zwBUgWaEKtIKzoMa+cnXjEqikZVIafWCm8y1cwcCLUqCN+3ORlkjSX8cFXQYrbLfrRiuYxjQYC1L6yN7OorslFm6x1nrgkY+rWH/VsB4L2dWqZc7zW+ytBvtYjcj5vjFISpQMtxALWMqiUBLP7mIUe85WqkSq7xYuIPdco0sX/W/hskIyZiHCnTllrs/2V4ABACrJ5kmeOKUtAAAAAElFTkSuQmCC') 100% 100% no-repeat;
    background-position: 4px 4px;
}

.favorite:hover i,
.favorite.active i {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjExRERGNTE2OUJBMTFFODlCNjdEQUNCQjQ5NDYwN0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjExRERGNTA2OUJBMTFFODlCNjdEQUNCQjQ5NDYwN0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Nzk5RDUwNzU0Nzk4MTFFODlGMzI5RTNGQzgwN0JDRDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Nzk5RDUwNzY0Nzk4MTFFODlGMzI5RTNGQzgwN0JDRDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz451+XnAAACkUlEQVR42rSWTUhVQRTHr/ZIzAe1SEn6eGJW0ishIijEhfRFZJto10YiEm0jLuLhIlwp4k5aF7UJkjKpiBZB0qIoiEK0ej6kIjU/CJEwUvP2H/s/OExzb3fmPQ/8eNczZ87/zIzz4fm+7zlwFnwDE6DBJUdQw1Um3mpo2wTm2D5L4oa4BJgGbTbCZ/y/9sDQ1sG2RtDE75Qh7gnbTpg0ClbVzdYBNoArwhcHn8AcqAaFIAOKQAX4KWJ7wSToMma3XJsUR3FR+Froa7XJFTZi3YrBF46qCiwK/xi/E8IfaoVedGsCm0GnllwV0g22gAtRkwWNeB3XbBfYwxGeB79ApbaWykrAZ37fBmkwCj5yln6HrfFJcA98AIv+vzbFmKB1Ow1mDP1UrhHmrtfXOMEKC7he2YrTrFr9535Vdf5vBsF2ztRuUsUdoGZwhb+T2WqPsbpux5MsCj3UqJMHSAlIs6F5DUSbmVstY5F+cm0DmTUQv8ycGWoYj8x8i6dMokFndb7Es6JDoCzqJSHFGx1ELwnRUpvbSVHO6++Fg/ArXomlQTEx7KlycI579JrYk1NgPfju2dsP9p3R/K08xfqU+jynZVSrqpL+HocR97Kv/pCYoH82xioWwEOtun38HXYY8bDIMS786iRrWJ2NkKrbWd3BgPYDoCagrZZ924Lyh12LSa77e81fC56DN+AdeAYOh4zYs32BvAVj4u/9fIMpWwbXwU2wQl8/2Cvix8FL21emYgE8BhXglhC4C6pFXBLcFwXdADvAU75ArYWHmGiJSVWiQyHxR8AgY5fY97WLcJKX9wA4brGVToFH4A7YmY/Hnm5xcVhYWy7Cg2AZHHXpHPPcbWMOfXMSHon6hjbZHwEGACGQDpuXzWz5AAAAAElFTkSuQmCC') 100% 100% no-repeat;
    background-position: 4px 4px;
}

.favorite:hover,
.favorite.active{
    background-color: #e73d3d;
    border: 2px solid #e73d3d;
}