:root{--primary:#fff}.btn{padding:8px 20px;border-radius:2px;outline:none;border:none;cursor:pointer}.btn--primary{background-color:var(--primary);color:#242424;border:1px solid}.btn--outline{background-color:initial;color:#fff;padding:8px 20px;border:1px solid var(--primary);transition:all .3s ease-out}.btn--medium{padding:8px 20px;font-size:20px}.btn--large{padding:12px 26px;font-size:20px}.btn--large:hover,.btn--medium:hover{background:#fff;color:#242424;transition:all .3s ease-out}.btn--primary:hover{background:#242424;color:#fff;transition:all .3s ease-out}.btn--outline:hover{background:#fff;color:#242424;transition:all .3s ease-out}