Customize layout of section

Site URL: https://amphibian-hexagon-l9l6.squarespace.com/

I'm trying to change the layout of 3rd section of the landing page but can't make it same as the reference image. Also I'm wonder to change the button style of second button. can anyone help me please?

site password: Adrgvk12@9&

 

3 hours ago, Henil said:

Site URL: https://amphibian-hexagon-l9l6.squarespace.com/

I'm trying to change the layout of 3rd section of the landing page but can't make it same as the reference image. Also I'm wonder to change the button style of second button. can anyone help me please?

site password: Adrgvk12@9&

 

Try adding to Home > Design > Home 

* {
  box-sizing: border-box;
}
#block-yui_3_17_2_1_1640946644493_5064 a {
  color: #881f98;
  background-color: #fff;
  border: 1px solid #881f98;
}
section[data-section-id="61cecf17d0ae6939b138bd1c"] .sqs-block-button-container--center {
  text-align: left;
}

#block-yui_3_17_2_1_1640942703789_23740 + .row > .col{
  width: 40%;
}

@media only screen and (min-width: 768px) {
  #block-yui_3_17_2_1_1640942703789_25671 {
    width: 35%;
  }

  #block-yui_3_17_2_1_1640942703789_23740, #block-yui_3_17_2_1_1640942703789_23740 + .row  {
    width: 60% !important;
    float: left;
  }
}

Let me know how it works on your site

14 hours ago, bangank36 said:

Try adding to Home > Design > Home 

* {
  box-sizing: border-box;
}
#block-yui_3_17_2_1_1640946644493_5064 a {
  color: #881f98;
  background-color: #fff;
  border: 1px solid #881f98;
}
section[data-section-id="61cecf17d0ae6939b138bd1c"] .sqs-block-button-container--center {
  text-align: left;
}

#block-yui_3_17_2_1_1640942703789_23740 + .row > .col{
  width: 40%;
}

@media only screen and (min-width: 768px) {
  #block-yui_3_17_2_1_1640942703789_25671 {
    width: 35%;
  }

  #block-yui_3_17_2_1_1640942703789_23740, #block-yui_3_17_2_1_1640942703789_23740 + .row  {
    width: 60% !important;
    float: left;
  }
}

Let me know how it works on your site

Not working!