.btn-accept,
.cart-delete {
display: inline-block;
font-weight: 400;
box-sizing: border-box;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #776896;
border: 1px solid hsl(279, 16%, 65%);
padding: 0.375rem 0.75rem;
line-height: 1.5;
border-radius: 0.125rem;
font-size:0.7rem;
cursor:pointer;
color:white!important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
text-transform: uppercase;
letter-spacing:2px;
box-shadow: inset 0px 1px 1px rgba(255,255,255,.55),inset 0px 3px 3px rgba(255,255,255,.25),
inset 0px -1px 1px rgba(255,255,255,.55),inset 0px -3px 3px rgba(255,255,255,.25);
background-image: linear-gradient(45deg, hsl(246, 27%, 35%), hsl(290, 17%, 24%));
box-shadow: inset 1px 1px 2px rgba(255,255,255,.55), inset -1px -1px 1px rgba(255,255,255,.55),
0 0 1px hsl(279, 16%, 75%);
background-color: rgba(0,0,0,.4);
background-image: linear-gradient(45deg, hsla(249, 46%, 18%, 0.36), hsla(259, 100%, 7%, 0.67), hsla(261, 38%, 21%, 0.41)), linear-gradient(to left, hsla(326, 67%, 20%, 0.28), hsla(241, 68%, 15%, 0.48));
text-shadow: .5px .5px 0 rgba(110,110,110,.6), 0px .5px 0 rgba(110,110,110,.6), -.5px -.5px 0 rgba(110,110,110,.7), -.5px -.5px 0 rgba(110,110,110,.7), -.5px .5px 0 rgba(110,110,110,.7), .5px -.5px 0 rgba(110,110,110,.7);
}
.btn-accept:not(.btn-cart){
min-height:2.5rem;
width:80%;
}
@media (min-width: 576px){
.btn-accept:not(.btn-cart){
width:60%;
}
.btn-accept,
.cart-delete {
font-size:unset;
}
}
@media (min-width: 768px){
.btn-accept:not(.btn-cart){
width:40%;
}
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn-accept:hover,
.cart-delete:hover {
text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.3), -1px 0 1px rgba(0, 0, 0, 0.3), 1px 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
text-decoration: none;
box-shadow: inset 0px 1px 1px rgba(255,255,255,.40),inset 0px 3px 3px rgba(255,255,255,.40),
inset 0px -1px 1px rgba(255,255,255,.40),inset 0px -3px 3px rgba(255,255,255,.40);
border-color: hsl(279, 26%, 60%);
box-shadow: inset 1px 1px 3px rgba(255,255,255,.5),inset 1px 1px 0px rgba(255,255,255,.2),
inset -1px -1px 3px rgba(255,255,255,.3),inset -1px -1px 0px rgba(255,255,255,.1);
color: rgb(255,183,255)!important;
text-shadow: 1.5px 1.5px 3px rgba(137,77,146,.58), 0px 1.5px 3px rgba(142,67,115,.6), -1.5px -1.5px 3px rgba(142,67,115,.6), -1.5px -1.5px 3px rgba(142,67,115,.6), -1.5px 1.5px 3px rgba(137,77,146,.58), 1.5px -1.5px 3px rgba(142,67,115,.6);
}
.btn-accept:focus , btn-accept.focus,
.cart-delete:focus, .cart-delete.focus {
outline: 0;
box-shadow: inset 0px 1px 1px rgba(255,255,255,.40),inset 0px 3px 3px rgba(255,255,255,.40),
inset 0px -1px 1px rgba(255,255,255,.40),inset 0px -3px 3px rgba(255,255,255,.40),
0 0 0 0.125rem hsla(279,26%,50%, .3);
}
.btn-accept.disabled .btn-accept:disabled,
.cart-delete.disabled, .cart-delete:disabled {
background-image: linear-gradient(45deg, hsl(246, 15%, 50%), hsl(290, 5%, 44%));
box-shadow: inset 0px 1px 1px rgba(255,255,255,.20),inset 0px 3px 3px rgba(255,255,255,.20),
inset 0px -1px 1px rgba(255,255,255,.20),inset 0px -3px 3px rgba(255,255,255,.20);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2), -1px 0 1px rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
color:#eee;
border-color: hsl(279, 10%, 55%);
cursor:not-allowed;
}
.btn-accept-sm,
.cart-delete-sm {
padding: 0.3rem 0.6rem;
font-size: 0.65rem;
line-height: 1.5;
}