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