.container {
  width: 100%;
  @include flex-direction(column);
  @include flex-align(center, center);
  gap: 2.4rem;
  @include min(tablet) {
  @include flex-direction(row);
  }
}

.title{

  font-weight: 600;
  font-size: 2rem;
  line-height: 2.7rem;
  color: #FFDB20;
  gap: 2.4rem;
  @include min(tablet){
    font-weight: bold;
    font-size: 2rem;
    line-height: 2.7rem;
  }
}

.socialIcons{
  display: inline-flex;

  a {
    @include flex-align(center, center);
    width: 3.6rem;
    height: 3.6rem;
    line-height: 4.7rem;
    border-radius: 50%;
    background: #FFDB20;
    margin: 0 1.6rem 0 0;
    text-align: center;
    font-size: 2rem;

    svg{
        color: #1B1B1C;
    }
  }
}