@import "../../../style/mixin";

@include export-module('co-delivery-type-tile-layout') {
  .co-delivery-type-tile {
    display: flex;
    position: relative;
    font-family: $tp-delivery-type-tile-font-family;
    font-size: $tp-delivery-type-tile-font-size;
    .delivery-type-content-wrapper {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 100%;
      overflow: hidden;
      width: 100%;
      justify-content: space-between;
    }
    .delivery-type-description {
      font-family: $tp-delivery-type-tile-description-font-family;
      font-size: $tp-delivery-type-tile-description-font-size;
      font-weight: $tp-delivery-type-tile-description-font-weight;
    }
    .delivery-type-icon {
      height: 65px;
      width: 65px;
      icon {
        width: 100%;
        height: 100%;
      }
    }
    .delivery-type-price {
      font-family: $tp-delivery-type-tile-price-font-family;
      font-size: $tp-delivery-type-tile-price-font-size;
      font-weight: $tp-delivery-type-tile-price-font-weight;
      min-width: 60px;
      text-align: right;
    }
  }
}
