:root{--pg-green-deep: #0B3D1E;--pg-green-mid: #1A5C32;--pg-gold: #E8960A;--pg-gold-light: #F5B830;--pg-red: #C0392B;--pg-white: #FFFFFF;--pg-transition: .28s cubic-bezier(.4, 0, .2, 1)}button[name=add],button.button.button--primary{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}button[name=add].pak-btn-effect-01:before,button.button.button--primary.pak-btn-effect-01:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pg-gold);transform:translate(-101%);transition:transform var(--pg-transition);z-index:0}button[name=add].pak-btn-effect-01:hover:before,button.button.button--primary.pak-btn-effect-01:hover:before{transform:translate(0)}button[name=add].pak-btn-effect-01:hover,button.button.button--primary.pak-btn-effect-01:hover{color:var(--pg-green-deep);box-shadow:0 8px 32px #e8960a66}button[name=add].pak-btn-effect-01 span,button.button.button--primary.pak-btn-effect-01 span{position:relative;z-index:1}button[name=add].pak-btn-effect-02,button.button.button--primary.pak-btn-effect-02{box-shadow:0 4px 20px #0b3d1e4d}button[name=add].pak-btn-effect-02:hover,button.button.button--primary.pak-btn-effect-02:hover{background-color:var(--pg-green-mid);box-shadow:0 0 0 4px #e8960a40,0 0 0 8px #e8960a1a,0 8px 32px #0b3d1e80;transform:translateY(-2px)}button[name=add].pak-btn-effect-02:active,button.button.button--primary.pak-btn-effect-02:active{transform:translateY(0)}button[name=add].pak-btn-effect-03,button.button.button--primary.pak-btn-effect-03{isolation:isolate}button[name=add].pak-btn-effect-03:hover,button.button.button--primary.pak-btn-effect-03:hover{background-color:var(--pg-green-mid)}.pak-ripple-circle{position:absolute;border-radius:50%;background:#e8960a59;transform:scale(0);animation:pak-ripple-out .65s linear;pointer-events:none}@keyframes pak-ripple-out{to{transform:scale(4);opacity:0}}button[name=add].pak-btn-effect-04,button.button.button--primary.pak-btn-effect-04{border:2px solid transparent;background:var(--pg-green-deep)}button[name=add].pak-btn-effect-04:before,button.button.button--primary.pak-btn-effect-04:before{content:"";position:absolute;background:var(--pg-gold);width:0;height:2px;top:0;left:0;transition:width .3s ease;z-index:0}button[name=add].pak-btn-effect-04:after,button.button.button--primary.pak-btn-effect-04:after{content:"";position:absolute;background:var(--pg-gold);width:2px;height:0;bottom:0;right:0;transition:height .3s ease;transition-delay:.15s;z-index:0}button[name=add].pak-btn-effect-04:hover:before,button.button.button--primary.pak-btn-effect-04:hover:before{width:100%}button[name=add].pak-btn-effect-04:hover:after,button.button.button--primary.pak-btn-effect-04:hover:after{height:100%}button[name=add].pak-btn-effect-04 .pak-border-b,button.button.button--primary.pak-btn-effect-04 .pak-border-b{position:absolute;background:var(--pg-gold);width:0;height:2px;bottom:0;right:0;transition:width .3s ease;transition-delay:.3s;z-index:0}button[name=add].pak-btn-effect-04 .pak-border-l,button.button.button--primary.pak-btn-effect-04 .pak-border-l{position:absolute;background:var(--pg-gold);width:2px;height:0;top:0;left:0;transition:height .3s ease;transition-delay:.45s;z-index:0}button[name=add].pak-btn-effect-04:hover .pak-border-b,button.button.button--primary.pak-btn-effect-04:hover .pak-border-b{width:100%}button[name=add].pak-btn-effect-04:hover .pak-border-l,button.button.button--primary.pak-btn-effect-04:hover .pak-border-l{height:100%}button[name=add].pak-btn-effect-04 span,button.button.button--primary.pak-btn-effect-04 span{position:relative;z-index:1}button[name=add].pak-btn-effect-05,button.button.button--primary.pak-btn-effect-05{min-height:48px;display:flex;align-items:center;justify-content:center}.pak-text-default,.pak-text-hover{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .32s cubic-bezier(.4,0,.2,1)}button[name=add].pak-btn-effect-05 .pak-text-default,button.button.button--primary.pak-btn-effect-05 .pak-text-default{transform:translateY(0);opacity:1}button[name=add].pak-btn-effect-05 .pak-text-hover,button.button.button--primary.pak-btn-effect-05 .pak-text-hover{transform:translateY(120%);opacity:0;color:var(--pg-green-deep)}button[name=add].pak-btn-effect-05:hover,button.button.button--primary.pak-btn-effect-05:hover{background-color:var(--pg-gold)}button[name=add].pak-btn-effect-05:hover .pak-text-default,button.button.button--primary.pak-btn-effect-05:hover .pak-text-default{transform:translateY(-120%);opacity:0}button[name=add].pak-btn-effect-05:hover .pak-text-hover,button.button.button--primary.pak-btn-effect-05:hover .pak-text-hover{transform:translateY(0);opacity:1}button[name=add].pak-btn-effect-06:before,button.button.button--primary.pak-btn-effect-06:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:0px solid var(--pg-gold);border-radius:4px;opacity:0;transition:none;z-index:0}button[name=add].pak-btn-effect-06:hover,button.button.button--primary.pak-btn-effect-06:hover{background-color:var(--pg-green-mid);transform:scale(1.012);box-shadow:0 12px 40px #0b3d1e66}button[name=add].pak-btn-effect-06:hover:before,button.button.button--primary.pak-btn-effect-06:hover:before{animation:pak-shockwave .5s ease-out forwards}button[name=add].pak-btn-effect-06:active,button.button.button--primary.pak-btn-effect-06:active{transform:scale(.995)}button[name=add].pak-btn-effect-06 span,button.button.button--primary.pak-btn-effect-06 span{position:relative;z-index:1}@keyframes pak-shockwave{0%{top:0;right:0;bottom:0;left:0;opacity:.8;border-width:2px}to{top:-10px;right:-10px;bottom:-10px;left:-10px;opacity:0;border-width:0px}}button[name=add].pak-btn-effect-07,button.button.button--primary.pak-btn-effect-07{overflow:hidden}.pak-split-top,.pak-split-bot{position:absolute;left:0;right:0;height:50%;background:var(--pg-gold);transform:translateY(0) scaleY(0);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:0}.pak-split-top{top:0;transform-origin:top}.pak-split-bot{bottom:0;transform-origin:bottom}button[name=add].pak-btn-effect-07:hover .pak-split-top,button[name=add].pak-btn-effect-07:hover .pak-split-bot,button.button.button--primary.pak-btn-effect-07:hover .pak-split-top,button.button.button--primary.pak-btn-effect-07:hover .pak-split-bot{transform:scaleY(1)}button[name=add].pak-btn-effect-07:hover,button.button.button--primary.pak-btn-effect-07:hover{color:var(--pg-green-deep)}button[name=add].pak-btn-effect-07 span,button.button.button--primary.pak-btn-effect-07 span{position:relative;z-index:1;transition:color .28s ease}.pak-urdu-text{font-family:inherit;direction:rtl;unicode-bidi:bidi-override}
/*# sourceMappingURL=/cdn/shop/t/35/assets/pakgroceries-button-hover-effects.css.map */