.btn-base{box-sizing:border-box;cursor:pointer;padding:0 25px;background:transparent;border-color:transparent;border:1px solid #000;border-radius:20px;height:40px;line-height:38px;font-size:1rem;transition:.3s}.btn-base.btn-base-disabled{cursor:not-allowed;color:#fff;background:#b8b8b8}.btn-base.btn-base-disabled:hover{color:#fff;background:#b8b8b8}.btn-base a{color:inherit}.btn-product{background:#000;color:#fff;border:1px solid transparent}.btn-black{border:1px solid transparent;background:#000;color:#fff}.btn-white{border:1px solid transparent;background:#fff;color:#000}.btn-red{background:#df1a33;border:1px solid transparent;color:#fff}.btn-product:hover{background-color:#df1a33;color:#fff}.btn-black:hover{background:rgba(0,0,0,0.4);color:#fff}.btn-black a:hover{color:#fff}.btn-white:hover{background:rgb(255,255,255,0.4);color:#000}.btn-red:hover{background:#fff;color:#df1a33}.btn-product:active{background:rgba(176,22,41);color:#fff}.btn-black:active{background:rgba(0,0,0,0.4);color:#fff}.btn-white:active{background:rgba(255,255,255,0.4);color:#000}.btn-red:active{background:#fff;color:#df1a33}@media screen and (max-width:1023px) and (min-width:768px){.btn-base{border-color:transparent;border-radius:40px}.btn-base a{font-size:inherit}.btn-product{border-radius:40px;line-height:80px;font-size:24px;background:#000;color:#fff}.btn-black{border:1px solid transparent;border-radius:40px;height:80px;background:#000;line-height:80px;font-size:22px;color:#fefefe}.btn-white{border:1px solid transparent;height:60px;line-height:60px;font-size:22px;border-radius:40px}.btn-red{border:1px solid transparent;font-size:28px;border-radius:40px;height:80px;line-height:80px;color:#fff}}@media screen and (max-width:767px){.btn-base{border-color:transparent;height:40px;line-height:40px;border-radius:20px}.btn-base a{font-size:16px}.btn-black{border:1px solid transparent}.btn-white{border:1px solid transparent}.btn-red{border:1px solid transparent}}