@import "../../../foundations/sass/all";

.branch-card {
  align-items: center;
  border-radius: $br-sm;
  color: $branch-card-color;
  display: flex;
  font-family: Roboto, sans-serif;
  justify-content: space-between;
  overflow: hidden;
  padding: px-to-rem(20);
  transition: all 300ms ease;
  width: fit-content;

  &__info {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: px-to-rem(10);
    justify-content: center;

    &__name {
      font-size: $fs-xxl;
      font-weight: $fw-bold;
      padding: px-to-rem(2);
    }

    &__address {
      font-size: $fs-lg;
      font-weight: $fw-bold;
      padding: px-to-rem(2);
    }

    &__info_block {
      display: flex;
      justify-content: space-around;
      width: 100%;
    }

    &__location {
      align-items: center;
      color: $branch-card-location-color;
      cursor: pointer;
      display: flex;
      font-size: $fs-md;
      font-weight: $fw-normal;
      justify-content: center;
      padding: px-to-rem(2);
      text-decoration: none;
    }
  }
}
