/**
 * Yandex Money Button
 * Guteneberg block styles
 * 
 * @package ymb
 * @since 1.0.0
 */

/**
 * @since 1.0.0
 */
.wp-block-ymb-button button {
	display: inline-block;
 	position: relative;
 	box-sizing: border-box;
 	height: 36px;
 	padding: 0;
 	margin: 0;
 	color: #000;
 	outline: none;
 	border-radius: 3px;
    background: #ffdb4d;
    background-color: #ffdb4d;
    font-size: 20px;
    border: 1px solid rgba(0,0,0,.1);
    font-weight: 400;
    font-style: normal;
    transition: background-color .1s ease-out 0s;
}

/**
 * @since 1.0.0
 */
.wp-block-ymb-button button:hover {
	background-color: #ffd70a;
	color: #000;
	border-radius: 3px;
	border: 1px solid rgba(0,0,0,.1);
}

/**
 * @since 1.0.0
 */
.wp-block-ymb-button button div {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	border-right: none;
	border-left: 1px solid rgba(0,0,0,.1);
	border-top: 1px solid rgba(0,0,0,.1);
	border-bottom: 1px solid rgba(0,0,0,.1);
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	float: left;
	width: 50px;
	height: 36px;
	background-color: #f8f8f8;
	text-align: center;
	margin-left: -1px;
	margin-top: -1px;
	padding-top: 5px;
}

/**
 * @since 1.0.0
 */
.wp-block-ymb-button button span {
	display: inline-block;
	height: 34px;
	text-align: center;
	margin: 0 20px;
	color: #000;
	line-height: 33px;
}