.buttonWithBorder{display:inline-block;font-family:Satoshi,sans-serif;font-size:1rem;font-weight:700;line-height:21.6px;text-decoration:none;position:relative;border:none;align-items:center;border-radius:0;cursor:pointer}.buttonWithBorder.btn-disabled{opacity:.5}.buttonWithBorder.primaryButton{background-color:#000;color:#fff;padding:12px 24px}.buttonWithBorder.secondaryButton{background-color:#fff;color:#000;padding:12px 30px}.buttonWithBorder.greyButton{background-color:#6b6b6b;color:#fff;padding:12px 24px}.buttonWithBorder.beigeButton{background-color:#d3caba;color:#151515;padding:12px 14px}.buttonWithBorder.tertiaryButton{background-color:#f2ede5;color:#000;padding:10px 24px}.buttonWithBorder.shop-icon{padding:0 0 0 10px}.buttonWithBorder.camera-icon,.buttonWithBorder.shop-icon{display:flex;align-items:center;width:max-content;gap:10px}.buttonWithBorder.camera-icon{padding:10px 11px 10px 24px}.buttonWithBorder .camera-container .camera-icon{font-family:BB Icons,sans-serif;margin:0;padding:0 10px 0 0}.buttonWithBorder .camera-container .camera-icon:after{content:"";color:#fff}.buttonWithBorder .camera-try-on-container .camera-icon{font-family:BB Icons,sans-serif;margin:0;padding:0 10px 0 0}.buttonWithBorder .camera-try-on-container .camera-icon:after{content:"";color:#000}.buttonWithBorder.notify-me-icon{padding:10px 11px 10px 24px;display:flex;align-items:center;justify-content:center;gap:10px}.buttonWithBorder .notify-me-container .notify-me-icon{font-family:BB Icons,sans-serif;margin:0;padding:0 10px 0 0}.buttonWithBorder .notify-me-container .notify-me-icon:after{content:"";color:#fff}.buttonWithBorder .shop-img{background-color:#d83742;-webkit-clip-path:path("M0,0 Q12,20 -1,50 L100,100 L100,0 Z");clip-path:path("M0,0 Q12,20 -1,50 L100,100 L100,0 Z");padding:7px 12px 7px 13px}.buttonWithBorder .arrow{font-size:.875rem;margin-left:8px;font-family:BB Icons,sans-serif;border:2px}.buttonWithBorder .arrow.primaryArrow{color:#fff}.buttonWithBorder .arrow.left-arrow{margin-right:8px;margin-left:0;transform:rotate(180deg);display:inline-block}.buttonWithBorder .arrow.left-arrow:before{content:""}.buttonWithBorder .arrow.primaryArrow:not(.left-arrow):before{content:"";transform:none;display:inline-block}.buttonWithBorder .arrow.greyArrow{color:#fff}.buttonWithBorder .arrow.secondaryArrow,.buttonWithBorder .arrow.tertiaryArrow{color:#000}.buttonWithBorder .arrow:after{content:""}.buttonWithBorder.greyButton:before{border:1px solid #6b6b6b}.buttonWithBorder.beigeButton:before,.buttonWithBorder.greyButton:before{content:"";position:absolute;top:7px;left:7px;right:-7px;bottom:-7px;transition:all .3s;z-index:0}.buttonWithBorder.beigeButton:before{border:1px solid #d3caba}.buttonWithBorder.primaryButton:before{content:"";position:absolute;top:7px;left:7px;right:-7px;bottom:-7px;border:1px solid #000;transition:all .3s;z-index:0}.buttonWithBorder.scanIcon:before{content:none!important}.buttonWithBorder.secondaryButton:before{border:1px solid #fff}.buttonWithBorder.secondaryButton:before,.buttonWithBorder.tertiaryButton:before{content:"";position:absolute;top:7px;left:7px;right:-7px;bottom:-7px;transition:all .3s;z-index:0}.buttonWithBorder.tertiaryButton:before{border:1px solid #f2ede5}.buttonWithBorder:hover:before{top:0;left:0;right:0;bottom:0}