:root{--primary:#fff}.btn{padding:8px 20px;border-radius:2px;outline:none;border:none;cursor:pointer}.btn.btn--round{border-radius:50px}.btn--primary{background-color:var(--primary);color:#242424}.btn--outline,.btn--primary{border:2px solid var(--primary)}.btn--outline{background-color:initial;color:#fff;padding:8px 20px;transition:all .3s ease-out}.btn--medium{padding:8px 20px;font-size:18px}.btn--large,.btn--xlarge{padding:12px 26px;font-size:20px}.btn--xlarge{display:flex;align-items:center;gap:8px}.btn--large:hover,.btn--medium:hover,.btn--xlarge:hover{transition:all .3s ease-out;background:#fff;color:#242424;transition:.25s}