.hora-button-1{display:flex;flex-direction:row;align-items:center;padding:16px 18px 16px 37px;isolation:isolate;background:var(--color-white);border-radius:var(--radius-pill);text-decoration:none;position:relative;border:none;cursor:pointer;overflow:hidden}.hora-button-1-dot{position:absolute;width:8px;height:8px;left:15px;top:50%;transform:translateY(-50%);background:var(--color-ivory);border-radius:80px;z-index:0;transition:all var(--ease-smooth)}.hora-button-1-text{height:11px;font-family:var(--font-body);font-style:normal;font-weight:400;font-size:1rem;line-height:150%;display:flex;align-items:center;color:var(--color-text-primary);z-index:1;transition:transform var(--ease-smooth)}.hora-button-1-arrow-right{position:absolute;right:-40px;opacity:0;z-index:1;transition:all var(--ease-smooth);width:24px;height:24px}.hora-button-1-arrow-left{display:none}.hora-button-1:hover .hora-button-1-dot{width:calc(100% + 2px);height:calc(100% + 2px);left:-1px;border-radius:var(--radius-pill)}.hora-button-1:hover .hora-button-1-text{transform:translate(-18px)}.hora-button-1:hover .hora-button-1-arrow-right{right:12px;opacity:1}.hora-button-2{display:flex;flex-direction:row;align-items:center;padding:16px 18px 16px 37px;isolation:isolate;background:var(--color-white);border-radius:var(--radius-pill);text-decoration:none;position:relative;border:none;cursor:pointer;overflow:hidden}.hora-button-2-dot{position:absolute;width:8px;height:8px;left:15px;top:50%;transform:translateY(-50%);background:var(--color-ivory);border-radius:80px;z-index:0;transition:all var(--ease-smooth);overflow:hidden}.hora-button-2-text{height:11px;font-family:var(--font-body);font-style:normal;font-weight:400;font-size:1rem;line-height:150%;display:flex;align-items:center;color:var(--color-text-primary);z-index:1;transition:transform var(--ease-smooth)}.hora-button-2-arrow-left{position:absolute;left:-40px;top:50%;transform:translateY(-50%);opacity:0;z-index:1;transition:all var(--ease-smooth);width:24px;height:24px}.hora-button-2:hover .hora-button-2-dot{width:100%;height:100%;left:0;border-radius:var(--radius-pill)}.hora-button-2:hover .hora-button-2-text{transform:translate(8px)}.hora-button-2:hover .hora-button-2-arrow-left{left:12px;opacity:1}.hora-button-1-inverted{display:flex;flex-direction:row;align-items:center;padding:16px 18px 16px 37px;isolation:isolate;background:var(--color-ivory);border-radius:var(--radius-pill);text-decoration:none;position:relative;border:none;cursor:pointer;overflow:hidden}.hora-button-1-inverted-dot{position:absolute;width:8px;height:8px;left:15px;top:50%;transform:translateY(-50%);background:var(--color-white);border-radius:80px;z-index:0;transition:all var(--ease-smooth)}.hora-button-1-inverted-text{height:11px;font-family:var(--font-body);font-style:normal;font-weight:400;font-size:1rem;line-height:150%;display:flex;align-items:center;color:var(--color-text-primary);z-index:1;transition:color .3s ease,transform var(--ease-smooth)}.hora-button-1-inverted-arrow-right{position:absolute;right:-40px;opacity:0;z-index:1;transition:all var(--ease-smooth);width:24px;height:24px}.hora-button-1-inverted-arrow-left{display:none}.hora-button-1-inverted:hover .hora-button-1-inverted-dot{width:calc(100% + 2px);height:calc(100% + 2px);left:-1px;border-radius:var(--radius-pill)}.hora-button-1-inverted:hover .hora-button-1-inverted-text{transform:translate(-18px);color:#000}.hora-button-1-inverted:hover .hora-button-1-inverted-arrow-right{right:12px;opacity:1}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hora-buttons.css.map */