.button{align-items:center;background:#000;border-radius:1.5rem;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;line-height:1.3;outline:none;padding:.7rem 1.5rem;text-decoration:none;transition:background .1s linear,border .1s linear,color .1s linear}.button:hover{background-color:#c2c2c2;border-color:#c2c2c2;color:#000}.button--primary{background:#31ab5c;border-color:#31ab5c;color:#fff}.button--primary:hover{background-color:#c2c2c2;border-color:#c2c2c2;color:#000}.button--secondary{background:#31ab5c;border-color:#31ab5c;color:#fff}.button--secondary:hover{background-color:#c2c2c2;border-color:#c2c2c2;color:#000}.button--action{background:#ff9b19;border-color:#ff9b19;color:#fff}.button--action:hover{background-color:#ffc375;border-color:#ffc375;color:#000}.button--ghost{background:#fff;border-color:#f6f6f6;box-shadow:0 2px 10px -5px rgba(0,0,0,.15);color:#31ab5c}.button--ghost:hover{border-color:#31ab5c}.button--ghost-light{border-color:#fff;color:#fff}.button--ghost-light:hover{color:#fff}.button--hover-primary:hover{background-color:#31ab5c;border-color:#31ab5c;color:#fff}.play-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.1);display:flex;height:100px;justify-content:center;opacity:.9;width:100px}.play-icon:after{border-bottom:18px solid transparent;border-left:30px solid #31ab5c;border-top:18px solid transparent;content:"";height:0;margin-left:5px;width:0}.play-icon:hover{cursor:pointer}