anthony/avocate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Nouveau bouton form et contact

Browse Source
This commit is contained in:
Anthony Mahé
2025-06-06 14:28:01 +02:00
parent 77f9183bf8
commit 41d592596f
4 changed files with 79 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
class.css
View File

@@ -191,7 +191,7 @@
}
.btn-contact,
.btn-whatsapp {
.btn-phone {
display: inline-flex;
align-items: center;
gap: 0.5rem;
@@ -202,32 +202,21 @@
transition: background-color 0.3s ease;
color: white;
background-repeat: no-repeat;
background-position-y: 4px;
background-size: 44px 44px;
padding: 0.8rem 1rem 0.8rem 3rem;
background-color: #b00f2e;
}
.btn-phone {
background-image: url('assets/img/mobile.png');
}
.btn-contact {
background-position-y: 4px;
background-size: 44px 44px;
padding: 0.8rem 1rem 0.8rem 3rem;
background-color: #b00f2e;
background-image: url('assets/img/form.svg');
}
.btn-phone:hover,
.btn-contact:hover {
background-color: #d1776b;
}
.btn-whatsapp {
background-size: 48px 48px;
padding: 0.7rem 1rem 0.7rem 3rem;
background-color: #25d366;
background-image: url('assets/img/whatsapp.svg');
}
.btn-whatsapp:hover {
background-color: #1ebe5d;
}
.btn-contact svg,
.btn-whatsapp svg {
vertical-align: middle;
}