@font-face {
font-family: 'pswishlist';
src: url('https://digitalrabbit.mx/favoritos/public/font/pswishlist.eot?97351351');
src: url('https://digitalrabbit.mx/favoritos/public/font/pswishlist.eot?97351351#iefix') format('embedded-opentype'),
url('https://digitalrabbit.mx/favoritos/public/font/pswishlist.woff2?97351351') format('woff2'),
url('https://digitalrabbit.mx/favoritos/public/font/pswishlist.woff?97351351') format('woff'),
url('https://digitalrabbit.mx/favoritos/public/font/pswishlist.ttf?97351351') format('truetype'),
url('https://digitalrabbit.mx/favoritos/public/font/pswishlist.svg?97351351#pswishlist') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "pswishlist";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-heart:before {
content: '\e800';
}
.icon-heart-filled:before {
content: '\e801';
}
.icon-trash-empty:before {
content: '\e802';
}
.icon-basket:before {
content: '\e803';
}
.pswishimg {
grid-area: image;
}
.pswishimg img {
border: solid 1px #000;
}
.pswishtitle {
grid-area: title;
color: #000;
}
.pswishdate {
grid-area: date;
}
.pswishprice {
grid-area: price;
}
.pswish-grid-container {
display: grid;
grid-template-areas:
'image title title title title title'
'image date date date date cart'
'image price price price price remove';
padding-bottom: 2%;
border-bottom: solid #eee;
padding-top: 2%;
gap: 10px;
}
.pswishtitle a {
font-size: 1.5em;
color: #000;
text-decoration: none !important;
}
.pswishremove {
grid-area: remove;
background-color: red;
color: #fff;
height: 100%;
width: 100%;
border-radius: 5%;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border: none;
cursor: pointer;
font-size: 1.25em;
}
.pswishcartbtn {
grid-area: cart;
height: 100%;
width: 100%;
border-radius: 5%;
background-color: green;
color: #fff;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border: none;
cursor: pointer;
font-size: 1.25em;
}
.pswishcartbtn:hover,
.pswishremove:hover {
background-color: #000;
color: #fff;
}
.pswishdate {
font-size: 1em !important;
font-style: italic;
}
#pswishlisttext {
text-transform: uppercase;
font-size: .9em;
color: #666;
}