/* ------------------------------ */
/* СУПЕР-КНОПКИ ДЛЯ МАТЕРИАЛОВ    */
/* ------------------------------ */

/* Общие настройки кнопки */

a.my-button-1,
a.my-button-2 {
	font-weight: 700;
	font-size: 20px!important;
	text-decoration: none;
	padding: .8em 1em calc(.8em - 3px);
	border-radius: 8px;
	transition: 0.2s;
}

/* Кнопки на маленьких экранах */

@media only screen and (max-width: 767px) {

a.my-button-1,
a.my-button-2 {
	font-size: 17px!important;
  }
}

/* Общие настройки Иконки */

a.my-button-1:before,
a.my-button-2:before {
    font-family: 'icomoon';
    font-size: 20px;
    vertical-align: bottom;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

/* Иконки на маленьких экранах */

@media only screen and (max-width: 767px) {

a.my-button-1:before,
a.my-button-2:before {
	font-size: 15px!important;
	top: 1px;
  }
}

/* КНОПКА 1 */
/* -------- */

a.my-button-1 {
	color: #ffffff !important;
    background: #0AA0FF;
    box-shadow: 0 3px #0d93e8;
}

a.my-button-1:hover { 
	background: #12aeff;
	color: #ffffff !important;
}

a.my-button-1:active {
	background: #0AA0FF;
	box-shadow: 0 3px #0d93e8;
}

/* Иконка 1 */

a.my-button-1:before {
	content: "\f019";
}

/* КНОПКА 2 */
/* -------- */

a.my-button-2 {
	color: #ffffff !important;
	background: #48B54A;
	box-shadow: 0 3px #48B54A;
}

a.my-button-2:hover { 
	background: #4BBD4D;
	color: #ffffff !important;
}

a.my-button-2:active {
	background: #45AD46;
	box-shadow: 0 3px #45AD46;
}

/* Иконка 2 */

a.my-button-2:before {
	content: "\f07c";
}