.ks-btn-black{font-weight:700;font-size:14px;line-height:1;border-radius:60px;text-transform:uppercase;padding:21px 30px;text-align:center;transition:0.4s;position:relative;background-color:var(--theme-color2);display:inline-flex;align-items:center;justify-content:center}@media (max-width:1199.98px){.ks-btn-black{font-size:12px;padding:16px 25px}}.ks-btn-black span{position:relative;z-index:1;overflow:hidden;display:inline-block;color:var(--theme-color2-text-color)}.ks-btn-black span span.text-1{position:relative;display:block;transition:0.3s}.ks-btn-black span span.text-2{position:absolute;top:100%;display:block;transition:0.3s}.ks-btn-black i{position:relative;overflow:hidden;width:14px;height:14px;display:inline-flex;margin-left:10px}.ks-btn-black i svg{transform:translateY(-1px);position:absolute;bottom:-1px;left:1px;transition:all 0.2s ease-out}.ks-btn-black i svg:last-child{left:-12px;bottom:-12px;transform:translate(0,0);opacity:0}.ks-btn-black:hover{color:var(--theme-color2-text-color)}.ks-btn-black:hover span span.text-1{-webkit-transform:translateY(-150%);transform:translateY(-150%)}.ks-btn-black:hover span span.text-2{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ks-btn-black:hover i svg:first-child{transform:translate(16px,-16px)}.ks-btn-black:hover i svg:last-child{opacity:1;visibility:visible;transform:translate(13px,-12px)}