:root{--el-box-shadow:0 1px 3px rgba(0,0,0,.3)}.base-btn{align-items:center;background-color:#fff;color:#000;cursor:pointer;display:flex;height:60px;justify-content:center;margin:0 auto;position:relative;text-align:center;width:100%}.base-btn>.text{font-size:1.5rem}.base-btn--before>.icon{display:inline-block;height:24px;margin:0;width:24px}.base-btn--before>.icon--center{margin-right:16px}.base-btn--before>.icon--edge{left:5%;position:absolute;top:50%;transform:translateY(-50%)}.base-btn--after>.icon,.base-btn--before>.icon--edge{display:inline-block;height:24px;margin:0;width:24px}.base-btn--after>.icon--center{margin-left:16px}.base-btn--after>.icon--edge{display:inline-block;height:24px;margin:0;position:absolute;right:5%;top:50%;transform:translateY(-50%);width:24px}.base-btn>.icon{filter:invert(0) sepia(41%) saturate(0) hue-rotate(88deg) brightness(96%) contrast(103%)}.base-btn.disabled{opacity:.6}.base-btn.border{border:1px solid #000}.base-btn.radius{border-radius:calc(min(750px,100vw)*.01067)}.base-btn.underline>.text{text-decoration:underline}.base-btn:disabled{cursor:not-allowed;opacity:.4}.base-btn.black{background-color:#333;color:#fff}.base-btn.black.border{border:1px solid #fff}.base-btn.black.underline{text-decoration:underline;text-decoration-color:#fff}.base-btn.black>.icon,.base-btn.black>.icon--center{filter:invert(100%) sepia(3%) saturate(533%) hue-rotate(213deg) brightness(114%) contrast(100%)}.base-btn.brown{background-color:#9f8549;color:#fff}.base-btn.brown.border{border:1px solid #fff}.base-btn.brown>.icon,.base-btn.brown>.icon--center{filter:invert(100%) sepia(3%) saturate(533%) hue-rotate(213deg) brightness(114%) contrast(100%)}.base-btn.white{background-color:#fff;color:#000}.base-btn.white.border{border:1px solid #000}.base-btn.white>.icon,.base-btn.white>.icon--center{filter:invert(100%) sepia(3%) saturate(533%) hue-rotate(213deg) brightness(114%) contrast(100%)}