html - CSSが生成した矢印を移動するにはどうすればよいですか？

Question

http://cssarrowplease.com/

そこに行くと、ボックスの中央上部に矢印が表示されます。

矢印を上に、中央ではなく25％（左から）にするにはどうすればよいですか？

Answer 1

.arrow_box::before {
border-bottom-color: #C2E1F5;
border-width: 36px;
left: 25%;
margin-left: -36px;
}

.arrow_box::after {
border-bottom-color: #88B7D5;
border-width: 30px;
left: 25%;
margin-left: -30px;
}