.buttons_clw {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
}

.btn.favorite, .btn.acompanhar {
    background: #333;
    position: relative;
    display: flex;
    align-items: center;
    width: 50px;
    height: 50px;
    line-height: 20px;
    padding: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: .875em;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    color: #fff;
    border-bottom: 1px solid #777171;
    transition: width .4s;
    transition-timing-function: ease-in-out;
}

.btn.favorite .name,
.btn.acompanhar .name {
    font-size: 0;
    font-weight: bold;
    text-transform: uppercase;
    visibility: hidden;
    transition: width .6s;
    opacity: 0;
}

.btn.favorite {
    margin-right: 2px;
}

.btn.acompanhar {
    margin-left: 2px;
}

.btn.favorite:hover, .btn.acompanhar:hover {
    width: 140px;
    transition: width .6s;
}

.btn.favorite:hover .name,
.btn.acompanhar:hover .name {
    width: calc(100% - 38px);
    position: relative;
    display: block;
    visibility: visible;
    opacity: 1;
    font-size: 13px;
    transition: width .1s;
    text-align: center;
    margin-left: 10px;
}


.icon-fav {
    margin: 4px;
}

.icon-fav.off {
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    background-color: #fff;
    -webkit-mask-image: url(/wp-content/themes/superanimes2022/api/favoritos/img/fav_off.png);
    mask-image: url(/wp-content/themes/superanimes2022/api/favoritos/img/fav_off.png);
    -webkit-mask-size: cover;
    mask-size: cover;
}

.icon-fav.on {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    background-color: #27ae60;
    -webkit-mask-image: url(/wp-content/themes/superanimes2022/api/favoritos/img/fav_on.png);
    mask-image: url(/wp-content/themes/superanimes2022/api/favoritos/img/fav_on.png);
    -webkit-mask-size: cover;
    mask-size: cover;
}

.icon-fav.loading {
    display: block!important;
    background-color: #fff;
    -webkit-mask-image: url(/wp-content/themes/superanimes2022/api/favoritos/img/loader.png);
    mask-image: url(/wp-content/themes/superanimes2022/api/favoritos/img/loader.png);
    -webkit-mask-size: cover;
    mask-size: cover;
    width: 20px;
    height: 20px;
    padding: 0!important;
    font-size: 0!important;
    cursor: pointer;
    -moz-animation: rodar 2.5s linear infinite;
    -o-animation: rodar 2.5s linear infinite;
    -webkit-animation: rodar 2.5s linear infinite;
    animation: rodar 2.5s linear infinite;
}