/* ============================
   LIKE BUTTON
============================ */

.gs-like-button{
display:inline-flex;
align-items:center;
gap:var(--space-sm);

width:auto;

padding:5px 16px;

border-radius:var(--radius-xxl);

border:none;

background:var(--color-blanco);

cursor:pointer;

user-select:none;

color:var(--color-text-blanco);

box-shadow:0 0 16px rgba(0,0,0,0.25);

transition:
transform .2s ease,
background-color .2s ease;
}

.gs-like-button:hover{
transform:scale(1.08);
}

.gs-like-button.is-loading{
pointer-events:none;
opacity:.6;
}


/* LIKE COUNT */

.gs-like-count{
font-size:var(--text-sm);

font-weight:var(--font-semibold);

color:var(--color-text-cafe);
}


/* ICON */

.gs-like-icon{
width:30px;
height:30px;

color:var(--color-bg);

fill:currentColor;

transition:
transform .2s ease,
color .2s ease,
fill .2s ease;
}


/* LIKED STATE */

.gs-like-button.is-liked .gs-like-icon{
color:var(--color-rojo);
fill:currentColor;
}

.gs-like-button.is-liked .gs-like-count{
color:var(--color-text-negro);
}