http://joxi.ru/Y2LJWaOtQ6OJvrhttp://joxi.ru/brRWRxycYKMz4m
<a href="твоя ссылка"> <div class="container-contact100-form-btn">
<div class="wrap-contact100-form-btn">
<div class="contact100-form-bgbtn"></div>
<button class="contact100-form-btn">
<span>
Information
</span>
</button>
</div>
</div>
</a>
a{
display:block;//чтоб ссылка вела себя как блок
}.timeline ol {
display:flex;
justify-content:space-between;
font-size: 0;
width: 100vw;
padding: 250px 0;
transition: all 1s;
position:relative;
}
.timeline ol:after{
content:"";
width:100%;
position:absolute;
top:50%;
height:1px;
border-top: dashed 3px silver;
left:0;
}left:50%;
transform: translate(-50%, -50%);<plaintext>
<iframe width="560" height="315" src="https://www.youtube.com/embed/W3q8Od5qJio" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</plaintext>scrollTop == 0 то даешь точкам класс который вытягивает их в ширину если нет то убираешь класс и они снова точкиposition:fixed; right:20px;