パーツ用

CVbtn（2025/2/25修正）

＼自力で稼ぐ力を学ぶならデジハク！／

デジハクの公式を見る

<div class="cvbtn">
                    <p class="cvtbtn__title">＼<span>自力で稼ぐ力</span>を学ぶならデジハク！／</p>
                    <a  href="https://blog.digital-hacks.jp/?utm_source=digilog&utm_medium=organic&utm_campaign=article&utm_id=016" class="cvbtn__button" rel="noopener">
                        <p class="cvbtn__content">デジハクの公式を見る</p>
                        <img src="https://digital-hacks.jp/blog/wp-content/themes/muum_tcd085_child/assets/img/icn/parts/button2.svg" alt=""
                            class="cvbtn__arrow">
                    </a>
                </div>

CVbtn（ボタン下の余白なしver）

＼自力で稼ぐ力を学ぶならデジハク！／

デジハクの公式を見る

<div class="cvbtn cvbtn--ml">
                    <p class="cvtbtn__title">＼<span>自力で稼ぐ力</span>を学ぶならデジハク！／</p>
                    <a  href="https://blog.digital-hacks.jp/?utm_source=digilog&utm_medium=organic&utm_campaign=article&utm_id=016" class="cvbtn__button" rel="noopener">
                        <p class="cvbtn__content">デジハクの公式を見る</p>
                        <img src="http://degihakumedia.local/wp-content/themes/muum_tcd085_child/assets/img/icn/parts/button2.svg" alt=""
                            class="cvbtn__arrow">
                    </a>
                </div>

副業で動画編集を始めたい方必見！ 「動画編集で稼げるかがわからない…….」
「副業は初めてで、続けられるか不安……」
など様々なお悩みにプロがお答えします！

＼自力で稼ぐ力を学ぶならデジハク！／

デジハクの公式を見る

<div class="parts-frame-6">
<mark>副業で動画編集を始めたい方必見！</mark>
「動画編集で稼げるかがわからない.......」
<br>「副業は初めてで、続けられるか不安......」</br>
など様々なお悩みにプロがお答えします！
<div class="cvbtn cvbtn--ml">
                    <p class="cvtbtn__title">＼<span>自力で稼ぐ力</span>を学ぶならデジハク！／</p>
                    <a  href="https://blog.digital-hacks.jp/?utm_source=digilog&utm_medium=organic&utm_campaign=article&utm_id=016" class="cvbtn__button" rel="noopener">
                        <p class="cvbtn__content">デジハクの公式を見る</p>
                        <img src="http://degihakumedia.local/wp-content/themes/muum_tcd085_child/assets/img/icn/parts/button2.svg" alt=""
                            class="cvbtn__arrow">
                    </a>
                </div>
</div>

エルメbtn（2025/2/25修正）

＼今なら無料で教材を体験できる！／

LINEで教材を受け取る

<div style="display: flex; flex-direction: column; justify-content: center; align-items: center;"><span style="margin-bottom: 0; color: #00ba00; font-weight: bold; font-size: 17px;">＼今なら無料で教材を体験できる！／</span><a class="line-button-2" style="transition: all 0.2s; box-shadow: 0px 5px 0px black; position: relative; padding-left: 44px; border-radius: 50px; padding-top: 8px; padding-bottom: 8px; background-color: #00ba00; width: 335px; display: flex; flex-direction: row; align-items: center; /*! justify-content: center; */column-gap: 15px;" href="https://s.lmes.jp/landing-qr/2002060490-kmXBBYBY?uLand=k0SppZ&amp;utm_source=lstep&amp;utm_medium=social&amp;utm_id=33"><img style="width: 30px;" src="https://digital-hacks.jp/blog/wp-content/uploads/2024/06/line-icon.png" />
<p style="font-size: 18px; color: #fff; font-weight: bold; letter-spacing: 0.08em; margin-bottom: 0px;">LINEで教材を受け取る</p></a>
</div>
<style>
.line-button-2:hover {
  box-shadow: none !important;
  position: relative;
  top: 5px;
trans<span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span>ition: all 0.3px;
}
.line-button-2 {
    position: relative;
    overflow: hidden;
    transition: 300ms;
}
.line-button-2::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    transition: 300ms;
    animation: shinyshiny 2.5s ease-in-out infinite;
}
@-webkit-keyframes shinyshiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
</style>