:root{--white01-color:#fff;--white02-color:#d9d9d9;--white03-color:#f5f5f5;--black01-color:#000;--black02-color:#171717;--black03-color:#232429;--golden-color:#ffaa17}body{margin:0;padding:0;box-sizing:border-box!important;text-transform:capitalize;min-width:320px;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden!important}.BtnStyle231,.BtnStyle511{position:relative;border:2px;color:var(--white01-color);width:11.5rem;height:3rem;padding:10px 30px;text-align:center;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:color .3s ease-in-out,border-color .3s ease-in-out;display:inline-block;text-decoration:none}.BtnStyle511{background:var(--golden-color)}.BtnStyle231{background:var(--black03-color)}.BtnStyle231 span,.BtnStyle511 span{position:relative;z-index:2}.BtnStyle231:after,.BtnStyle231:before,.BtnStyle511:after,.BtnStyle511:before{content:"";position:absolute;width:100%;height:50%;left:0;transition:transform .25s ease-in-out;z-index:1}.BtnStyle511:after,.BtnStyle511:before{background-color:var(--black03-color)}.BtnStyle231:after,.BtnStyle231:before{background-color:var(--golden-color)}.BtnStyle231:before,.BtnStyle511:before{top:0;transform:translateX(-100%)}.BtnStyle231:after,.BtnStyle511:after{bottom:0;transform:translateX(100%)}.BtnStyle231:hover,.BtnStyle511:hover{color:#fff;border-color:var(--black03-color)}.BtnStyle231:hover:after,.BtnStyle231:hover:before,.BtnStyle511:hover:after,.BtnStyle511:hover:before{transform:translateX(0)}.ltr-text{direction:ltr;unicode-bidi:embed}@media (max-width:410px){.BtnStyle231,.BtnStyle511{width:100%;height:2.5rem;font-size:14px;padding:8px 20px}}