.block-learn-how-to header {
  display: flex;
  position: relative;
  overflow: hidden;
  margin-bottom: var(--wp--custom--layout--block-gap); }
  .block-learn-how-to header h2, .block-learn-how-to header h3, .block-learn-how-to header h4, .block-learn-how-to header h5, .block-learn-how-to header h6 {
    position: relative;
    font-size: var(--wp--preset--font-size--big);
    margin: 0; }
    .block-learn-how-to header h2::after, .block-learn-how-to header h3::after, .block-learn-how-to header h4::after, .block-learn-how-to header h5::after, .block-learn-how-to header h6::after {
      content: "";
      position: absolute;
      left: calc(100% + 22px);
      top: calc(50% - 1.5px);
      height: 3px;
      width: 100vw;
      background-color: var(--wp--preset--color--primary); }

.block-learn-how-to__links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  row-gap: var(--wp--custom--layout--block-gap); }
  @media (max-width: 950px) {
    .block-learn-how-to__links {
      grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 600px) {
    .block-learn-how-to__links {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      row-gap: 16px; } }
.block-learn-how-to__item a {
  display: flex;
  align-items: center;
  color: var(--wp--preset--color--secondary);
  text-decoration: none; }
.block-learn-how-to__thumbnail {
  width: 110px;
  margin-right: 16px;
  border-radius: 110px;
  overflow: hidden;
  position: relative; }
  .block-learn-how-to__thumbnail img {
    display: block;
    width: 100%;
    transition: all 0.2s ease-in-out; }
  @media (max-width: 600px) {
    .block-learn-how-to__thumbnail {
      width: 85px; } }
.block-learn-how-to__text {
  flex: 1;
  font-weight: 600;
  font-size: 26px;
  line-height: var(--wp--custom--line-height--small); }
  @media (max-width: 600px) {
    .block-learn-how-to__text {
      font-size: 22px;
      line-height: 26px; } }
