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; } } } }