button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link {
	border: 1px solid;
	border-color: $color__border-button;
	border-radius: 0;
	background: $color__background-button;
	color: $color__text-screen;
	line-height: 1;
	padding: 0.6em 1em 0.4em;
	text-transform: uppercase;

	&:hover {
		border-color: $color__border-button-hover;
	}

	&:active,
	&:focus {
		border-color: $color__border-button-focus;
	}
}
.button-more {
	  line-height: 2.5em;
	&::after {
		content: "+";
		display: inline-block;
		width: 2rem;
		font-family: $font__black;
		font-size: 1.5rem;
		text-align: right;
	}
	&:hover::after {
		content: ">";
		font-size: 1rem;
	}
}
.home-featured,.archive-posts {
	.more-link {
		position: relative;
		.button-more {
			border:none;
			&::after {
				content: "+";
				position: absolute;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 3rem;
				height: 3rem;
				bottom: 0;
				left: 0;
				padding: 0;
				border: 1px solid $color__black;
				font-size: 4rem;
				line-height: inherit;
			}
			&:hover::after {
				content: ">";
				padding: 0;
				font-size: 2.5rem;
				line-height: inherit;
			}
		}
	}
}
.category-faq {
	.more-link {
		.button-more {
			&::before {
				content: "accedir";
				position: absolute;
				bottom: 1em;
				left: 0.5em; 
				font-family: $font__light;
				font-size: 1rem;
				line-height: 0;
			}
			&::after {
				content: "+";
				display: inline-block;
				width: 8rem;
				height: 2rem;
				padding: 0 0.5rem;
				text-align: right;
				font-size: 2.5rem;
				line-height: 0.7;
			}
			&:hover::after {
				content: ">";
				padding: 0 0.1rem;
				font-size: 1.5rem;
				line-height: 1.2;
			}
		}
	}
}

	.ofisuport-search-form {
    display: flex;
		margin: 0.5rem 0;
    .search-field {
      padding: 0.5em;
    }
    .search-submit{
      border: none;
      margin: 0rem;
      font-size: 0px;
      width: 2.5rem;
      height: 2.5rem;
			background: none;
			z-index: 10;
    }
    .ofisuport-icon-search:before {
			z-index: 0;
			min-width: 2.5rem;
      min-height: 2.5rem;
      font: normal 2rem/1 dashicons !important;
      content: "\f179";
      padding: 0;
      margin: 0.1rem 0 0 -1.5rem;
      position: absolute;
    }
	}
