/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */

.gosign-button-block button.components-button.icon-button {
    color: #fff !important;
    padding: 0px 10px;
  	border:0px !important;
    .remove-icon{
      line-height: 32px;
      font-family: Roboto, sans-serif;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      color: #fff !important;
      border:0px !important;
    }
}
.gosign-button-block .material-icons-block button {
    background-color: #1970ab !important;
    border-radius: 3px !important;
        height: 30px !important;
            line-height: 32px !important;
    span {
    font-size: 13px !important;
    text-transform: none !important;
    }
    color: #fff;
}

.button-block .material-icons-block i.material-icons {
    display: inline-block;
    height: 1em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 18px;
    margin-top:1px;
    margin-right: 3px;
}
.button-block .components-button{
	display: block;
	border: 1px solid #000;
	border-radius: 2px;
	font-size: 13px;
	&.small{
		padding: 9px 10px 7px;
	    min-width: 80px;
	}
	&.medium{
		padding: 12px 16px 10px;
	    min-width: 90px;
	}
	&.large{
		padding: 15px 30px 13px;
	    min-width: 139px;
	}
	span.button-text{
		position: relative;
		top: -4px;
	}
}
.button-block .components-button i.material-icons {
	    margin-right: 3px !important;
	    margin-top: 1px !important;
	    font-style: normal !important;
        overflow-wrap: normal;
}