22

✏️ Editing: ep-text-read-more.css

.bdt-text-read-more-btn{--text-color:#fff;background:#161813;padding:14px 40px 14px 14px;line-height:1;font-size:13px;color:var(--text-color);cursor:pointer;display:inline-block;position:relative;border-radius:3px;text-transform:uppercase}.bdt-text-read-more-btn.style-1{padding:14px 14px 14px 14px;transition:all .3s ease}.bdt-text-read-more-btn.style-1::before,.bdt-text-read-more-btn.style-1::after{content:'';position:absolute;transition:all 300ms ease;right:11%;top:50%;opacity:0}.bdt-text-read-more-btn.style-1:before{width:15px;height:1px;background-color:var(--text-color);transform:translateY(-50%)}.bdt-text-read-more-btn.style-1:after{width:5px;height:5px;border-top:1px solid var(--text-color);border-right:1px solid var(--text-color);transform:translateY(-50%) rotate(45deg)}.bdt-text-read-more-btn.style-1:hover{padding:14px 40px 14px 14px}.bdt-text-read-more-btn.style-1:hover::before,.bdt-text-read-more-btn.style-1:hover::after{opacity:1}.bdt-text-read-more-btn.style-2::before,.bdt-text-read-more-btn.style-2::after{content:'';position:absolute;transition:all 300ms ease;right:14%;width:8px;height:8px;border-bottom:1px solid var(--text-color);border-left:1px solid var(--text-color);transform:rotate(-45deg)}.bdt-text-read-more-btn.style-2::before{bottom:50%}.bdt-text-read-more-btn.style-2::after{bottom:30px;opacity:0}.bdt-text-read-more-btn.style-2:hover::before{bottom:5px;opacity:0}.bdt-text-read-more-btn.style-2:hover::after{bottom:50%;opacity:1}.bdt-text-read-more-btn.style-3::before,.bdt-text-read-more-btn.style-3::after{content:'';position:absolute;transition:all 300ms ease;right:11%;top:14px}.bdt-text-read-more-btn.style-3::before{width:15px;height:1px;background-color:var(--text-color);transform:rotate(-45deg);transform-origin:top right}.bdt-text-read-more-btn.style-3::after{width:5px;height:5px;border-top:1px solid var(--text-color);border-right:1px solid var(--text-color);transform:rotate(5deg);transform-origin:top right}.bdt-text-read-more-btn.style-3:hover::before{right:11%;top:50%;width:15px;height:1px;background-color:var(--text-color);transform:translateY(-50%)}.bdt-text-read-more-btn.style-3:hover::after{right:11%;top:50%;width:5px;height:5px;border-top:1px solid var(--text-color);border-right:1px solid var(--text-color);transform:translateY(-50%) rotate(45deg);transform-origin:center}.bdt-text-read-more-btn.style-4{padding:14px 14px 14px 14px;transition:padding .3s ease}.bdt-text-read-more-btn.style-4::before,.bdt-text-read-more-btn.style-4::after{content:'';position:absolute;transition:all 300ms ease;top:50%;width:7px;height:7px;border-top:1px solid var(--text-color);border-right:1px solid var(--text-color);transform:translate(20px, -50%) rotate(45deg);opacity:0}.bdt-text-read-more-btn.style-4::before{right:10%}.bdt-text-read-more-btn.style-4::after{right:14%}.bdt-text-read-more-btn.style-4:hover{padding:14px 35px 14px 14px}.bdt-text-read-more-btn.style-4:hover::before,.bdt-text-read-more-btn.style-4:hover::after{opacity:1;transform:translate(0, -50%) rotate(45deg)}.bdt-text-read-more-btn.style-4:hover:before{transition-delay:200ms}.bdt-text-read-more-btn.style-4:hover::before{right:13%}.bdt-text-read-more-btn.style-4:hover::after{right:18%}

MR SKB