@include export-module('co-relation-address-tile-layout') {
  .co-relation-address-tile {
    display: flex;
    position: relative;
    .co-tile {
      .co-tile-wrapper {
        width: $tp-relation-address-tile-width;
        height: $tp-relation-address-tile-height;
      }
    }
    .relation-content-wrapper {
      display: flex;
      flex-direction: column;
      row-gap: $tp-relation-address-tile-row-gap;
    }
    .relation-address-type {
      font-weight: bold;
    }
    .relation-address-create, .relation-address-change {
      display: flex;
      flex-direction: row;
      align-items: center;
      font-weight: bold;
      .relation-address-icon {
        height: $tp-relation-address-tile-icon-width;
        width: $tp-relation-address-tile-icon-width;
      }
    }
    .relation-address-create {
      justify-content: center;
    }
    .relation-address-edit {
      position: absolute;
      top: 0;
      right: 0;
      opacity: 0.5;
      .relation-address-edit-icon {
        height: $tp-relation-address-tile-edit-icon-width;
        width: $tp-relation-address-tile-edit-icon-width;
      }
      &:hover {
        opacity: 1;
      }
    }
  }
}
