button

hlxsites · May 28, 2024 · e9aab70 · e9aab70
1 parent c61914b
commit e9aab70
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/blocks/saved-properties/saved-properties.js b/blocks/saved-properties/saved-properties.js
@@ -64,11 +64,11 @@ export default async function decorate(block) {
        <div class="form-loader-content">
           <div class="message">Are you sure you want to unsave this property?</div>
           <div class="confirmation-modal-buttons">
-             <section class="cta modal-cta mr-2"><a rel="noopener noreferrer" href="javascript:void(0)" tabindex="" class="btn btn-primary unsave-btn" role="button"><span class="cta-btn-text">
+             <section class="cta modal-cta mr-2"><a rel="noopener noreferrer" href="javascript:void(0)" tabindex="" class="btn button-primary unsave-btn" role="button"><span class="cta-btn-text">
                 Unsave
                 </span></a>
              </section>
-             <section class="cta modal-cta cancel-button"><a rel="noopener noreferrer" href="javascript:void(0)" tabindex="" class="btn btn-secondary" role="button"><span class="cta-btn-text">
+             <section class="cta modal-cta cancel-button"><a rel="noopener noreferrer" href="javascript:void(0)" tabindex="" class="btn button-secondary" role="button"><span class="cta-btn-text">
                 cancel
                 </span></a>
              </section>

diff --git a/styles/styles.css b/styles/styles.css
@@ -461,42 +461,42 @@ main .section.banner .default-content-wrapper {
   width: 100%;
 }
 
-.btn.btn-primary{
+.btn.button-primary{
   background: var(--primary-color);
   border: 0;
   cursor: pointer;
   text-align: center;
 }
 
-.btn.btn-primary span{
+.btn.button-primary span{
   color: #f5f1f2;
   font-size: 16px;
 }
 
-.btn.btn-primary:hover{
+.btn.button-primary:hover{
   background-color: var(--primary-color);
     border: 0;
     box-shadow: none;
 }
 
-.btn.btn-primary:hover span{
+.btn.button-primary:hover span{
   color: var(--primary-light);
 }
 
-.btn.btn-secondary{
+.btn.button-secondary{
   background: #fff;
   color: var(--primary-color);
   border: 1px solid var(--primary-color);
   font-size: 16px;
 }
 
-.btn.btn-secondary:hover{
+.btn.button-secondary:hover{
   background-color: var(--primary-color);
   border: 1px solid var(--primary-color);
   box-shadow: none;
 }
 
-.btn.btn-secondary:hover span{
+.btn.button-secondary:hover span{
   color: var(--primary-light);
 }