/* IMAGE INSIDE BTN ***********************************************************************************************************************
 ******************************************************************************************************************************************/

.btn img{
	position: relative;
	z-index: 1;
}
.btn:not(.btn--s) img{
	width: 48px;
	height: 48px;
}
.btn:not(.btn--s) img:not(.img--btn){
	margin-top: -6px;
	margin-bottom: -6px;
}
.body--ltr .btn:not(.btn--s) img:not(.img--btn){
	margin-left: 5px;
	margin-right: -20px;
}
.body--rtl .btn:not(.btn--s) img:not(.img--btn){
	margin-left: -20px;
	margin-right: 5px;
}

/** btn--s ***************************************************************************************************************************************/
.btn--s img{
	width: 32px;
	height: 32px;
}
.btn--s img:not(.img--btn){
	margin-top: -2px;
	margin-bottom: -2px;
}

/** ltr/rtl ***************************************************************************************************************************************/
.body--ltr .btn--s img:not(.img--btn){
	margin-left: 5px;
	margin-right: -20px;
}
.body--rtl .btn--s img:not(.img--btn){
	margin-left: -20px;
	margin-right: 5px;
}