.btn-ui{border-radius:100px;font-family:Tajawal,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:normal;overflow:hidden;padding:12px 50px;position:relative}.btn-ui,.btn-ui:before{transition:all .3s ease-in-out ease-in-out .3s}.btn-ui:before{content:"";height:100%;left:-10px;position:absolute;top:0;width:0;z-index:0}.btn-ui:hover:before{width:100%}.btn-primary-ui{background:#5ac3cd;border-color:#5ac3cd;color:#fff;transition:.6s}.btn-primary-ui:hover{background:#fff;border-color:#5ac3cd;color:#5ac3cd}.btn-secondary-ui{background:#e1f6f7;border-color:#e1f6f7;color:#43c3cc;transition:.6s}.btn-secondary-ui:hover{background:#43c3cc;border-color:#e1f6f7;color:#e1f6f7}.btn-yellow-ui,.btn-yellow-ui:hover{background:#f5c82d;border-radius:40px;color:#fff}.btn-outline-ui,.btn-outline-ui:hover{background:transparent;border:2px solid #5ac3cd;border-radius:40px;color:#5ac3cd;font-weight:400}