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{ z-index: 10; margin: 0rem; border: none; width: 2.5rem; height: 2.5rem; background: none; cursor: pointer; font-size: 0px; } } .ofisuport-icon-search:before { position: absolute; padding: 0; margin: 0.2rem 0 0 -1.5rem; z-index: 0; min-width: 2.5rem; min-height: 2.5rem; font-size: 2rem; content: "\26b2"; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }