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

/*
 * -----------------------------------------------------------------------------
 *
 * Кнопки : База (На основе bootstrap 4.4.1 + мои старые bs3).
 *
 * -----------------------------------------------------------------------------
 */

[role="button"] {
    cursor: pointer;
}

.btn {
    display: inline-block;

    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    border-style: solid;
    border-color: transparent;

    background-color: transparent;

    cursor: pointer;

    -ms-touch-action: manipulation;
        touch-action: manipulation; /* Одиночные нажатия будут выполняться без задержки */

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/* -!!!

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none !important;
    }
}
*/

.btn:hover {
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
}

/* --- Неактиваня кнопка + Кнопка в неактивном fieldset. --- */

.btn:disabled, .btn.disabled {
    opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
    cursor: not-allowed; /* Не имеет смысла при отключенных pointer-events */
}

/**
 * Блок-кнопки.
 * -----------------------------------------------------------------------------
 */


.btn-block {
    display: block;
    width: 100%;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

/**
 * Кнопки-ссылки.
 * -----------------------------------------------------------------------------
 */

/* - Это моё.

.btn-link {
    display: inline;
    
    margin: 0;
    padding: 0;
    
    border: none;
    background: transparent;
    
    font-size: inherit;
    font-weight: inherit;
    
    text-transform: inherit;
    
    color: inherit;
}

*/


/* - Это бутсраповское (версия 4.).

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.btn-link:focus, 
.btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}

.btn-link:disabled, 
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

*/

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

.btn {
    padding: 0 15px;
    
    line-height: 36px;
    font-size: 16px;  
    
    border-width: 2px;
    border-radius: 5px;
}

.btn-sm {
    padding: 0 10px;
    
    line-height: 32px;
    font-size: 14px;  
    
    border-width: 2px;
    border-radius: 5px;
}


/*

.btn-lg {
    padding: 0 45px;
    
    line-height: 44px;
    font-size: 16px;  

    border-radius: 5px;
}


*/

/**
 * Блок-кнопки. Группа блок-кнопок.
 * -----------------------------------------------------------------------------
 */

.btn-block {
    padding-left: 0;
    padding-right: 0;
}
.btn-block + .btn-block {
    margin-top: 10px;
}

/*
 * -----------------------------------------------------------------------------
 *
 * Кнопки : Тема : Цвета + Эффекты.
 *
 * -----------------------------------------------------------------------------
 */

.btn {
    font-weight: 400; 
    text-transform: none;
    
    transition: color .3s ease, border-color .3s ease, background-color .3s ease;
}




/**
 * Красная полная кнопка.
 * -----------------------------------------------------------------------------
 */

.btn-red-fill,
.btn-red-fill:focus,
.btn-red-fill.focus {
    color: #fff;
    background-color: #f0473e;
    border-color: #f0473e;
    display: none;
}
.btn-red-fill:hover,
.btn-red-fill:active,
.btn-red-fill.active {
    color: #f0473e;
    background-color: transparent;
    border-color: #f0473e;
    display: none;
}


/**
 * Красная рамочная кнопка.
 * -----------------------------------------------------------------------------
 */

.btn-red-frame,
.btn-red-frame:focus,
.btn-red-frame.focus {
    color: #f0473e;
    background-color: transparent;
    border-color: #f0473e;
}
.btn-red-frame:hover,
.btn-red-frame:active,
.btn-red-frame.active {
    color: #fff;
    background-color: #f0473e;
    border-color: #f0473e;
}

/**
 * Синяя полная кнопка.
 * -----------------------------------------------------------------------------
 */

.btn-blue-fill,
.btn-blue-fill:focus,
.btn-blue-fill.focus {
    color: #fff;
    background-color: #100773;
    border-color: #100773;
}
.btn-blue-fill:hover,
.btn-blue-fill:active,
.btn-blue-fill.active {
    color: #100773;
    background-color: transparent;
    border-color: #100773;
}

/**
 * Синяя полная текущая "ненажимаемая" кнопка.
 * -----------------------------------------------------------------------------
 */

.btn-blue-fill-current,
.btn-blue-fill-current:focus,
.btn-blue-fill-current.focus {
    color: #fff;
    background-color: #100773;
    border-color: #100773;
}
.btn-blue-fill-current:hover,
.btn-blue-fill-current:active,
.btn-blue-fill-current.active {
    color: #fff;
    background-color: #100773;
    border-color: #100773;
}


/**
 * Синяя рамочная кнопка.
 * -----------------------------------------------------------------------------
 */

.btn-blue-frame,
.btn-blue-frame:focus,
.btn-blue-frame.focus {
    color: #100773;
    background-color: transparent;
    border-color: #100773;
}
.btn-blue-frame:hover,
.btn-blue-frame:active,
.btn-blue-frame.active {
    color: #fff;
    background-color: #100773;
    border-color: #100773;
}


/**
 * Серая кнопка.
 * -----------------------------------------------------------------------------
 */


.btn-light,
.btn-light:focus,
.btn-light.focus {
    color: #100773;
    background-color: #fff;
    border-color: #fff;
}
.btn-light:hover,
.btn-light:active,
.btn-light.active {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}



/**
 * Кнопка "без ссылки".
 * -----------------------------------------------------------------------------
 */




.btn-nolink,
.btn-nolink:focus,
.btn-nolink.focus {
    color: #e0e0e0;
    background-color: transparent;
    border-color: #f0f0f0;
    
    cursor: default;
}
.btn-nolink:hover,
.btn-nolink:active,
.btn-nolink.active {
    color: #e0e0e0;
    background-color: transparent;
    border-color: #f0f0f0;
}




/**
 * Белая (дополнительная) кнопка.
 * -----------------------------------------------------------------------------
 */

/*

.btn-white,
.btn-white:focus,
.btn-white.focus {
    color: #6600cc;
    background-color: #fff;
    border-color: #fff;
}
.btn-white:hover,
.btn-white:active,
.btn-white.active {
    color: #6600cc;
    background-color: transparent;
    border-color: #fff;
}

*/

/**
 * Стрелка в кнопке.
 * -----------------------------------------------------------------------------
 */

/*

.btn .arrow {
    outline: 0px dotted #f00;
    
    position: relative;
    padding-right: 6px;
}

.btn .arrow::after {
    content: "";
    
    display: inline-block;

    position: relative;
    top: -2px; left: 4px;

    width: 6px;
    height: 6px;

    border-color: #202020;
    border-style: solid;
    border-width: 2px;
    
    border-bottom: none;
    border-left: none;

    transform: rotate(45deg);
    
    transition: transform .3s ease, border .3s ease;
}
.btn:hover .arrow::after {
    transform: translateX(6px) rotate(45deg);
}



.btn-primary .arrow::after {
    border-color: #fff;
}
.btn-primary:hover .arrow::after {
    border-color: #6600cc;
}


.btn-primary-frame .arrow::after {
    border-color: #6600cc;
}
.btn-primary-frame:hover .arrow::after {
    border-color: #fff;
}


*/


/**
 * Кнопка со стрелкой.
 * -----------------------------------------------------------------------------
 */


/*

.btn-more {
    padding-right: 25px;
}
.btn-more::after {
    content: "";
    
    display: inline-block;

    position: relative;
    top: -2px; left: 4px;

    width: 6px;
    height: 6px;

    border-color: #202020;
    border-style: solid;
    border-width: 2px;
    
    border-bottom: none;
    border-left: none;

    transform: rotate(45deg);
    
    transition: transform .3s ease;
}

.btn-more:hover::after {
    transform: translateX(6px) rotate(45deg); /* scale(1.5) /
}

*/


/*

.btn-lg.btn-more {
    padding-right: 30px;
}
.btn-lg.btn-more::after {
    left: 6px;
    
    width: 9px;
    height: 9px;
    
    border-width: 3px;
}

*/