.store-label {
  font-family: "Source Sans 3", sans-serif; }

.store-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 2.5rem;
  row-gap: 3.5rem;
  margin-top: 6rem; }
  @media (max-width: 768px) {
    .store-list {
      grid-template-columns: repeat(3, 1fr);
      margin-top: 3rem; } }
  @media (max-width: 640px) {
    .store-list {
      grid-template-columns: repeat(1, 1fr);
      column-gap: 1.5rem; } }

.store-logo img {
  max-width: 100%; }

.store-name {
  font-size: 1.125rem;
  font-weight: 500; }

.store-label {
  padding: 0 0.25rem;
  background-color: #e0e0e0;
  font-size: 0.625rem;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
  width: fit-content; }
  @media (max-width: 640px) {
    .store-label {
      font-size: 0.8rem; } }
  .store-label + span {
    display: block;
    font-size: 1rem;
    letter-spacing: 1px;
    margin-bottom: 20px; }

.store-btns {
  align-items: center;
  display: flex;
  justify-content: space-between; }

.store-btn {
  text-align: right;
  margin-top: 10px;
  transition: all 0.3s ease; }
  @media (min-width: 1281px) {
    .store-btn:hover {
      transform: translateX(-10px); } }
  .store-btn a {
    align-items: center;
    background-color: #000;
    display: flex;
    padding: 5px 15px;
    text-align: center;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    width: fit-content;
    margin-left: auto; }
    .store-btn a svg, .store-btn a img {
      color: #fff;
      fill: #fff;
      height: 18px;
      object-fit: contain;
      width: 30px; }
    .store-btn a .fb {
      height: 20px;
      width: 32px; }

.store-info {
  margin: 4rem auto 0;
  max-width: 85%; }
  @media (max-width: 640px) {
    .store-info {
      margin: 1.5rem auto 0;
      max-width: 100%; } }
  .store-info .store-logo {
    text-align: center; }
  .store-info .store-btn {
    margin: 4rem 0 0; }
    .store-info .store-btn a {
      margin: auto; }
    .store-info .store-btn svg {
      transform: scale(-1); }