Customize drop down commerce cart css Drupal 9 Commerce 2

#block-cart .cart-block--contents {

  width: 300px;

  background: white;

  color: black;

  font-size: 14px;

  border: #033558 3px solid;

}

#block-cart .cart-block--contents__inner {

  padding: 10px;

}

Spaces the columns

#block-cart .cart--cart-block .cart-block--contents td{

padding-left: 1em;

 

}

Separates the items in the cart

#block-cart .cart--cart-block .cart-block--contents tr{

border-bottom: 2px #000 solid;

}

Overrides the "Cart" text link.

#block-cart .cart--cart-block .cart-block--contents a{

font-size: 0;

}

#block-cart .cart--cart-block .cart-block--contents a:after{

  color: inherit;

  width: 100%;

padding-left:60%;

color: #033558;

font-weight: 600;

font-size: 16px;

content: "Goto Cart";

}

#block-cart .cart-block--summary,

.cart-block--summary__icon img,

.cart-block--summary__count {

  vertical-align: middle;

}

#block-cart .cart-block--contents__items {

  overflow-x: hidden;

  overflow-y: hidden;

  max-height: 300px;

}

#block-cart.cart--cart-block li.cart-block--contents__item {

  clear: both;

  margin-bottom: 10px;

  border-bottom: 1px #eaeaea solid;

 

}

#block-cart .cart-block--contents__quantity {

  float: left;

}

#block-cart .cart-block--contents__price {

  float: right;

 

}