/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.card-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  padding: 16px;
  height: 100%;
}
.card-block.small {
  display: flex;
  flex-direction: row;
  justify-content: left;
  gap: 16px;
  align-items: center;
}
.card-block.small .card-block__icon {
  display: flex;
  align-items: center;
}
.card-block.small .card-block__icon lord-icon {
  width: 30px;
  height: 30px;
}
.card-block.small .card-block__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card-block.small .card-block__body .card-block__title {
  margin: 8px 0;
}
.card-block.big {
  display: flex;
  flex-direction: column;
}
.card-block.big .card-block__icon {
  display: flex;
  justify-content: left;
  height: 50px;
}
.card-block.big .card-block__icon lord-icon {
  width: 50px;
  height: 50px;
}
.card-block.full_height {
  height: 100%;
}
.card-block.content_wrap {
  height: auto;
}

.lorem-btn__primary {
  background: linear-gradient(90deg, rgb(161, 0, 255) 1%, rgb(97, 0, 153) 100%);
  background-color: rgb(161, 0, 255);
  border-radius: 12px;
  border-width: 2px;
  border-color: transparent;
  color: white;
  font-family: var(--wp--preset--font-family--fira-code);
  font-size: var(--wp--preset--font-size--medium);
  line-height: inherit;
  padding-top: 0.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  text-decoration: none;
  max-width: fit-content;
}
.lorem-btn__primary:hover {
  background: linear-gradient(90deg, rgb(255, 145, 0) 1%, rgb(153, 0, 0) 100%);
  background-color: #bfbec6;
  border-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--base);
}

.lorem-btn__outlined {
  background-color: transparent;
  border: solid white 2px;
  border-radius: 12px;
  color: white;
  font-family: var(--wp--preset--font-family--fira-code);
  font-size: var(--wp--preset--font-size--medium);
  line-height: inherit;
  padding-top: 0.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  text-decoration: none;
  max-width: fit-content;
  transition: all 0.3s ease;
}
.lorem-btn__outlined:hover {
  background-color: rgba(0, 0, 0, 0.171);
  transition: all 0.3s ease;
}

.lorem__display-none {
  display: none;
}

/* Extra small screens (phones) */
@media (max-width: 480px) {
  .big .card-block {
    height: 250px;
  }
}
/* Small screens (portrait tablets) */
@media (min-width: 481px) and (max-width: 768px) {
  .big .card-block {
    height: 250px;
  }
}
/* Medium screens (landscape tablets, small laptops) */
@media (min-width: 769px) and (max-width: 1024px) {
  .big .card-block {
    height: 330px;
  }
}
/* Large screens (desktops and up) */
@media (min-width: 1025px) {
  .big .card-block {
    height: 350px;
  }
}

/*# sourceMappingURL=lorem-card.css.map */