/**
 * potato.
 *
 * Сайт : Начало.
 *
 *
 *
 *
 */


/*
 * -----------------------------------------------------------------------------
 *
 * Кнопки : Иконки.
 *
 * -----------------------------------------------------------------------------
 */


/**
 * Кнопка-иконка : База + Размеры.
 * -----------------------------------------------------------------------------
 */

.btn-icon {
    position: relative;
    padding: 0;
}


.btn-icon::before {
    content: "";
    display: block;
    
    /*
    position: absolute; 
    top: 0; bottom: 0; left: 0; right: 0;
    */
    
    background-repeat: no-repeat;
    background-position: center center;
    
    transition: background .3s ease;
}

/**
 * Кнопка-иконка : Размеры.
 * -----------------------------------------------------------------------------
 */

.btn-icon {

}
.btn-icon::before {
    
    width: 36px;
    height: 36px;
    
    background-size: auto 18px;
}

/* --- Варианты с подписью --- */


.btn-icon.btn-label {
    
}
.btn-icon.btn-label .label {
    margin: 0 20px;
}

.btn-icon.btn-label-left .label {
    margin-right: 36px;
}

.btn-icon.btn-label-left::before {
    float: right;
}

.btn-icon.btn-label-right .label {
    margin-left: 36px;
}
.btn-icon.btn-label-right::before {
    float: left;
}


/**
 * Кнопка-иконка : Иконки (Белые).
 * -----------------------------------------------------------------------------
 */

.icon-call::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNDk3LjM5IDM2MS44bC0xMTItNDhhMjQgMjQgMCAwIDAtMjggNi45bC00OS42IDYwLjZBMzcwLjY2IDM3MC42NiAwIDAgMSAxMzAuNiAyMDQuMTFsNjAuNi00OS42YTIzLjk0IDIzLjk0IDAgMCAwIDYuOS0yOGwtNDgtMTEyQTI0LjE2IDI0LjE2IDAgMCAwIDEyMi42LjYxbC0xMDQgMjRBMjQgMjQgMCAwIDAgMCA0OGMwIDI1Ni41IDIwNy45IDQ2NCA0NjQgNDY0YTI0IDI0IDAgMCAwIDIzLjQtMTguNmwyNC0xMDRhMjQuMjkgMjQuMjkgMCAwIDAtMTQuMDEtMjcuNnoiPjwvcGF0aD48L3N2Zz4=);
}


/**
 * Кнопка-иконка : Иконки (Черные).
 * -----------------------------------------------------------------------------
 */

/*

.icon-call::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMjAyMDIwIiBkPSJNNDk3LjM5IDM2MS44bC0xMTItNDhhMjQgMjQgMCAwIDAtMjggNi45bC00OS42IDYwLjZBMzcwLjY2IDM3MC42NiAwIDAgMSAxMzAuNiAyMDQuMTFsNjAuNi00OS42YTIzLjk0IDIzLjk0IDAgMCAwIDYuOS0yOGwtNDgtMTEyQTI0LjE2IDI0LjE2IDAgMCAwIDEyMi42LjYxbC0xMDQgMjRBMjQgMjQgMCAwIDAgMCA0OGMwIDI1Ni41IDIwNy45IDQ2NCA0NjQgNDY0YTI0IDI0IDAgMCAwIDIzLjQtMTguNmwyNC0xMDRhMjQuMjkgMjQuMjkgMCAwIDAtMTQuMDEtMjcuNnoiPjwvcGF0aD48L3N2Zz4=);
}

.icon-map::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjMjAyMDIwIiBkPSJNMTcyLjI2OCA1MDEuNjdDMjYuOTcgMjkxLjAzMSAwIDI2OS40MTMgMCAxOTIgMCA4NS45NjEgODUuOTYxIDAgMTkyIDBzMTkyIDg1Ljk2MSAxOTIgMTkyYzAgNzcuNDEzLTI2Ljk3IDk5LjAzMS0xNzIuMjY4IDMwOS42Ny05LjUzNSAxMy43NzQtMjkuOTMgMTMuNzczLTM5LjQ2NCAwek0xOTIgMjcyYzQ0LjE4MyAwIDgwLTM1LjgxNyA4MC04MHMtMzUuODE3LTgwLTgwLTgwLTgwIDM1LjgxNy04MCA4MCAzNS44MTcgODAgODAgODB6Ij48L3BhdGg+PC9zdmc+);
}

*/