/* ~~~~~~~ CARD CONTAINER ~~~~~~~ */
.snippet-card {
width: 310px;
padding: 0px;
padding-bottom: 2px;
border-radius: 25px;
border: 1px solid rgba(0, 0, 0, 0.8);
background-color: rgba(250, 250, 250, 1.9);
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
transition: all 0.4s;}
.snippet-card:hover {
box-shadow: rgba(99, 99, 99, 0.015) 0px 2px 4px 0px;}

.btns-snippet {
margin: -1px !important;
padding: -1px !important;
border: none !important;
background-color: transparent !important;
border: 0px solid green !important;}


.snippet-div {
position: relative;
border: 0px solid red;}

.btns-wallet {
background-color: transparent;
position: absolute;
top: 30px;
left: 2px;
border: 0px solid green;
color: rgba(50, 205, 150, 1.0);
font-size: 16px;}

.snippet-div-1 {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
border:0px solid orange;}
.snippet-div-1-1 {
box-sizing: border-box;
font-size: 0.8rem;
color: rgba(250, 250, 250, 1.0);
background-color: rgba(0, 0, 0, 0.8);
float: left;
height: 32px;
max-width: 180px;
text-align: left;
padding-top: 2px;
padding-left: 15px;
padding-right: 15px;
border: 0px solid rgba(0, 0, 0, 0.8);
border-top-left-radius: 23px;
border-bottom-right-radius: 15px;}
.snippet-div-1-1-city {
font-size: 1.1rem;
font-family: Poppins;
color: rgba(250, 250, 250, 1.0);}
.snippet-div-1-2 {
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.8);
float: right;
padding-top: 2px;
height: 32px;
max-width: 122px;
text-align: right;
padding-left: 12px;
padding-right: 17px;
border: 0px solid rgba(0, 0, 0, 0.8);
border-top-right-radius: 23px;
border-bottom-left-radius: 10px;}

/* ~~~~~~~ IMG CONTAINER ~~~~~~~ */
.snippet-div-2 {
position: relative;
padding: 16px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 5px;
border: 0px solid black;}
.snippet-image {
border:0px solid orange;
object-fit: cover; 
width: 270px;
height: 180px;}
.snippet-image img {
width: 266px;
height: 177px;
border: 0px solid orangered;
border-radius: 25px;}

.snippet-div-3 {
padding-left: 10px;
padding-right: 10px;
border:0px solid red;
position: relative;}
.snippet-div-3-1 {
text-align: left;
float: left;
width: 200px;
padding-left: 3px;
padding-right: 3px;
background-color: rgba(0, 0, 0, 0.0);
height: 30px;
border:0px solid blue;
border-radius: 5px}
.snippet-div-3-2 {
float: right;
background-color: rgba(0, 0, 0, 0.05);
height: 30px;
border:0px solid blue;
border-radius: 5px}
.btns-ratings {
text-align: right;
padding-left: 8px;
padding-right: 8px;
padding-top: 1px;
border-radius: 5px;
font-weight: bold;
background-color: rgb(0,0,0, 0.00);
outline: none;
text-decoration: none;
transition: all 0.4s;}
.btns-ratings i {
font-size:1.1rem;}


.snippet-div-4 {
position: absolute;
bottom: 50px;
right: 1px;
border:0px solid orange;}


.snippet-footer {
width: 100%;
border: 0px solid orange;}

.snippet-footer-1 {
background-color: transparent;
font-size: 0.8rem;
color: rgba(0, 0, 0, 0.9);
text-align: left;
height: 46px;
overflow: hidden;
padding:10px;
padding-top: 5px;
border: 0px solid blue;}

.snippet-footer-4 {
padding-top: 4px;
border: 0px solid black;}

.snippet-footer-4-1 {
float: left;
width: 29%;
margin-top: 8px;
border-right: 3px solid rgba(50,205,150,0.8);}
.btns-price {
margin:auto;
font-style: italic;
text-align: center;
width: 60px;
border-radius: 5px;
background-color: transparent;
border: 0px solid green;
outline: none;
text-decoration: none;
transition: all 0.4s;}
.btns-price i {
font-size: 14px;
color: rgba(0, 0, 0, 0.8);}

.snippet-footer-4-2 {
float: left;
width: 29%;
margin-top: 8px;
border-right: 3px solid rgba(50,205,150,0.8);}
.btns-persons {
margin:auto;
font-style: italic;
text-align: center;
width: 60px;
border-radius: 5px;
background-color: transparent;
border:0px solid green;
outline: none;
text-decoration: none;
transition: all 0.4s;}
.btns-persons i {
font-size: 13px;
color: rgba(0, 0, 0, 0.8);}

.snippet-footer-4-3 {
padding-left: 5px;
float: left;
width: 41%;
border: 0px solid red;}

.btns-order {
margin: auto;
text-align: center;
width: 90px;
height: 40px;
padding-top: 7px;
text-align: center;
border-radius: 5px;
background-color: rgba(50,205,150,1.0);
border: 1px solid rgba(250, 250, 250, 0.8);
box-shadow: 0px 4px 20px 1px rgba(50,205,150,0.5);
outline: none;
text-decoration: none;
transition: all 0.4s;}
.btns-order i {
font-size: 1.2rem;
color: rgba(250, 250, 250, 1.0);}
.btns-order:hover {
box-shadow: 0px 5px 30px 1px rgba(50,205,150,0.2);}

.btns-order-div {
margin: auto;
text-align: center;
width: 90px;
height: 40px;
padding-top: 7px;
text-align: center;
border-radius: 5px;
background-color: rgba(50,205,150,1.0);
border: 1px solid rgba(250, 250, 250, 0.8);
box-shadow: 0px 4px 20px 1px rgba(50,205,150,0.5);
outline: none;
text-decoration: none;
transition: all 0.4s;}
.btns-order-div i {
font-size: 1.2rem;
color: rgba(250, 250, 250, 1.0);}
.btns-order-div:hover {
box-shadow: 0px 5px 30px 1px rgba(50,205,150,0.2);}

.btns-order-blog {
text-align: center;
color: white;
width: 50px;
height: 50px;
padding-top: 10px;
text-align: center;
border-radius: 50%;
background-color: rgba(50,205,150,1.0);
border: 1px solid rgba(250, 250, 250, 0.8);
box-shadow: 0px 4px 20px 1px rgba(50,205,150,0.5);
outline: none;
text-decoration: none;
transition: all 0.4s;}
.btns-order-blog i {
color: rgba(250, 250, 250, 1.0);}
.btns-order-blog:hover {
box-shadow: 0px 5px 30px 1px rgba(50,205,150,0.2);}

.btns-order-sold {
margin: auto;
width: 90px;
height: 40px;
padding-top: 4px;
text-align: center;
border-radius: 25px;
background-color: rgba(0,0,0,0.8);
color: white;
border: 1px solid rgba(250, 250, 250, 0.3);
box-shadow: 0px 5px 30px 1px rgba(50,205,150,0.2);
outline: none;
text-decoration: none;
transition: all 0.4s;}