Macys - The Best Online Deals in USA

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#FF0000 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #FF0000 !important; border-color: #FF0000 !important; } .text-primary, .filters_col .distance span { color: #FF0000 !important; } .btn-outline-primary { color: #FF0000 !important; border-color: #FF0000 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #FF0000 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #FF0000!important; } .btn-ppt-coupon { background:#FF0000!important; } .btn-ppt-coupon.withcode .pealbit:after { border-top: 100px solid #FF0000!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#000000 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #000000 !important; border-color: #000000 !important; } .text-secondary { color: #000000 !important; } .text-secondary a { color: #000000 !important; } .btn-outline-secondary { color: #000000 !important; border-color: #000000 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #000000 !important; background-color: #000000 !important; } .bg-light { background:#FFFCF3 !important; } header .iconbit { width:60px!important; height:46px; } @media only screen and (max-width: 768px) and (min-width: 400px) { .mobile_width{ margin-top:30px; } } span.fal.fa-bars { color: white; font-weight: bold !important; } .text-muted a { color: #1c93fb; } img { width: 100%; height: auto; } img.img-fluid.navbar-brand-light { width: 160px; } text-center { background-color: green; } button { /* Variables */ --button_radius: 0.75em; --button_color: #cf2e2e; --button_outline_color: #EBA83A; font-size: 20px; font-weight: bold; border: none; border-radius: var(--button_radius); background: var(--button_outline_color); width: 100%; font-family: monospace; } .text { display: block; box-sizing: border-box; border: 5px solid var(--button_outline_color); border-radius: var(--button_radius); padding: 1.5em 1.5em; background: var(--button_color); color: white; transform: translateX(0.75em) translateY(-0.6em); transition: transform 0.13s ease-in; text-decoration: none; border-top: 0px; border-right: 0px; } button:hover .text { /* Pull the button upwards when hovered */ transform: translateX(0.1em) translateY(-0.2em); background: green; } button:active .text { /* Push the button downwards when pressed */ transform: translateX(0em) translateY(-0.1em); background: #79B4B7; border: 3px solid var(--button_outline_color); } .box { display: flex; align-items: center; justify-content: center; }