.rank-math-breadcrumb a:hover { color: #83c4db; } .brxe-text > :is(ul, ol){ padding-inline-start: revert; } .btn--anim { display: inline-block; padding: .75rem 2rem .75rem 2rem; border-radius: 1rem; text-transform: uppercase; transition: all .3s; position: relative; overflow: hidden; z-index: 1; &:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #e6efff; border-radius: 1rem; z-index: -2; } &:before { content: ''; position: absolute; bottom: 0; left: 0; width: 5%; height: 100%; background-color: var(--base-dark); transition: all .3s; border-radius: 1rem ; z-index: -1; } &:hover { color: #ffffff !important; &:before { width: 100%; background-color: var(--base-dark); } } }